Как с помощью vue изменить background-color каждому второму элементу списка?

0xD34F,

<div class='category-div__list'
        :class='[!$store.state.mobile ? "category-div__list_desktop" : "category-div__list_mobile"]'
        v-show="showList"
    >
        <span class='category-div__span'
        :key="cat.id"

        v-for='cat of categoryList'
        
        @click="
        $store.dispatch('bodySwitchScrolling', 1),
        $store.dispatch('menuСategoryHider', 1),
        $store.dispatch('getNews', {category: cat})"

        >{{ cat }}</span>

        <button class='category-div__close' value='Закрыть'>Закрыть</button>
    </div>

.category-div__list{
    display: grid;
    grid-template-rows: min-content;

    padding: 1vmin;

    background-color: white;
    border-width: 1px 1px 1px 1px;
    border-color: black;
    border-style: solid;

}

.category-div__list:nth-child(2n){
background-color: rgb(245, 245, 245);
}

.category-div__list_desktop{
    position: absolute;
    top: 100%;
    left: -25%;
    grid-gap: 1vmin;
}

Как с помощью vue изменить background-color каждому второму элементу списка?

NewUser4242, even тоже самое даёт.

Как с помощью vue изменить background-color каждому второму элементу списка?

0xD34F, почему-то все элеметы списка получили новый цвет фона... Можете подсказать, почему?

Как с помощью vue изменить background-color каждому второму элементу списка?

точно, про css я и забыл. Спасибо!

Можно ли организовать слежение за store.state во vuex?

либо лыжи не едут, либо js и vue такой синтаксис не знают

ну может я что-то не так написал.



если же это использовать именно в качестве функции где-нибудь, тоже ничгео не происходит

console.log(this.$store.state.mobile) //0
    this.$store.watch((state) => state.mobile, (oldValue, newValue) => {
      console.log('search string is changing')
      console.log(oldValue)
      console.log(newValue)
    })
    this.$store.state.mobile = 1
    console.log(this.$store.state.mobile) //1
    //больше никаких сообщений

Как вызвать изменение одного компонента при клике на другом во vue?

Сергей delphinpro, ага, спасибо.
А есть способ вынести такой код в модуль и исопльзовать через директивы?
Просто у меня несколько блоков будут управлять body. Это, получается, код в методах дублировать. А если бы можно было указать в @click='что-то...', то только это бы дублировалось.

Как подключить Vuex к проекту на CLI?

Роман Ямчук, store undefined....
Если я отдельно импортирую в модуль store и подключаю его в data, то могу использовать. А просто - нет.

В доках инструкция:

import { createApp } from 'vue'
import { createStore } from 'vuex'

const app = createApp({ ... })
const store = createStore({ ... })

app.use(store)

Но браузер пишет что _App_vue__WEBPACK_IMPORTED_MODULE_6__.default.use is not a function

Как подключить Vuex к проекту на CLI?

Сергей Соколов,

Как объявить и использовать глобальную переменную с Vue?

tantumus21,
Только он?
А есть вариант проще? Я просто хочу сначала основы Vue понять, а потом уже всякие дополнения разбирать.

Как добавить в 1с битрикс стороннюю галерею?

Ярослав Александров,
спасибо, разобрался.
Можете ещё помочь?
Пытаюсь понять, как подгружать адреса изображений для галереи.
В шаблоне блока нашёл переменную $arItem и у неё элемент ["SLIDER"]["SRC"]. Адреса изображений в этом элементе. Мне нужно как-то передать эти данные в js. Вопрос: к какому файлу в битриксе мне нужно сделать post-запрос из скрипта, чтобы получить эти данные? Я документацию читаю, но всё могу понять этот нюанс.

Почему arr.reduce выводит только первое значение?

Спасибо

Где есть годные БЕСПЛАТНЫЕ уроки для vue.js?

posters, тогда я не прав.

А посоветуйте, пожалуйста. Нужно ли обязательно писать проект на вью во .vue файлах? Или можно в простом .js? А это я тут со vuelidate разобраться не могу. Подозреваю, что из-за того, что на вью cli надо переходить, а я просто в .js пока всё пишу. Не подключается, зараза. Я вроде и доку смотрел, там только через npm написано.

Где есть годные БЕСПЛАТНЫЕ уроки для vue.js?

posters, так я и заглянул.

Не, я не качаю права. Я пока только по верхам плаваю. Но вот, пытаюсь разобраться.

Судя по той же доке, даже приложение по-другому создаётся.
Вот это el: ''.... заменено на .mount('')

Где есть годные БЕСПЛАТНЫЕ уроки для vue.js?

posters,
А вы, родившись, сразу Hello world на реакте набрали?

Объясните, сделайте милость.

Сегодня надо сначала v2 учить, если ни разу до этого на вью не кодил?

Где есть годные БЕСПЛАТНЫЕ уроки для vue.js?

Вот я тоже ищу...

Пошёл по вашим ссылкам - 'Последнее обновление: 29.10.2017'

Збс...

Как во vue передать вот такой параметр?

Алексей Ярков, Ну да, там !DOCTYPE.... и всё остальное... А что делать-то?

аааа... понял...
из другого места скачивать надо было....
Подключил...

Как во vue передать вот такой параметр?

Алексей Ярков,

Пользуясь случаем, не подскажете, почему у меня вью не подключается файлом?

Читаю доку:

You can then include it using a script tag, just like with the CDN approach.

vue.global.js is the "full" build

Вот что у меня:



Будто там ошибка в синтаксисе.

Как во vue передать вот такой параметр?

разобрался.
Вот так работает:

@change="clog('var')"

clog(arg){
console.log(this[arg])
}

В html в кавычках дело было.

Как во vue передать вот такой параметр?

Алексей Ярков разобрался.
Вот так работает:

@change="clog('var')"

clog(arg){
console.log(this[arg])
}

В html в кавычках дело было.

Как во vue передать вот такой параметр?

Не темню, а туплю, наверное.