не получается обратиться к геттеру <...> показывает null, хотя если вызвать store.getters, то данные есть
<компонент v-if="$store.getters.profile" />
//Подключаю хранилище import store from './store'; store.dispatch('getUser'); new Vue({ el: '#app', router: router, components:{ 'head-app':headImplant, 'footer-app':footer, 'sidebar-app': sidebar } });
new Vue({
store,
...
v-if="accounts"
и v-if="transactions"
тем блокам, внутри которых рендерятся элементы на основе соответствующих свойств. this.steppers[index]=this.steppers[index]+this.step_go
this.$set(this.steppers, index, this.steppers[index] + this.step_go)
<canvas ref="canvas"></canvas>
data: () => ({
ctx: null,
}),
mounted() {
this.ctx = this.$refs.canvas.getContext('2d');
},
methods: {
updateCanvas() {
const { ctx } = this;
...
пробросить метод компонента Menu в качестве параметра компоненту Button
Vue.directive('emoji', (el, binding) => el.innerHTML = emoji(binding.value));
<div class="conversation_name" v-emoji="chatName"></div>
<div
v-for="item in items"
class="col-md-3 services-item"
:class="{ hoverClass: item.hover }"
>
<img :src="item.scr" alt="">
<h3 class="my_services_title">Тест</h3>
<button
class="btn-price"
@mouseenter="item.hover = true"
@mouseleave="item.hover = false"
>Нажать</button>
</div>
data: {
items: [
{
src: 'img/laptop.png',
hover: false,
},
{
src: 'img/laptop.png',
hover: false,
},
],
},
Почему так происходит?
Мне необходимо строку передать в url
data: () => ({
selectedPercent: null,
percents: [ 30, 40, 50 ],
...
}),
<div v-for="p in percents" @click.prevent="selectedPercent = p">
...
computed: {
header() {
return this.selectedPercent !== null ? this.selectedPercent : 'hello, world!!';
},
},
<h1>{{ header }}</h1>
data: () => ({
items: [...Array(10)].map((n, i) => `item ${i}`),
selected: Array(4).fill(null),
}),
<select v-for="(s, i) in selected" v-model="selected[i]">
<option
v-for="n in items"
v-text="n"
:disabled="selected.includes(n)"
></option>
</select>