.then((response) => {
this.loading = false;
console.log(response);
}).then(function(response) {
this.loading = false;
console.log(response);
}.bind(this))var that = this;
axios.post('/comment', {
text: this.com_text,
}).then(function(response) {
that.loading = false;
console.log(response);
})methods: {
async add_comm() {
this.loading = true;
try {
var response = await axios.post('/comment', {
text: this.com_text
});
console.log(response);
} catch(error) {
console.error(error);
}
this.loading = false;
}
}methods: {
add_comm() {
this.loading = true;
axios.post('/comment', {
text: this.com_text
})
.then(this.onResponse)
.catch(this.onError)
.finally(this.onFinal);
},
onResponse(response) {
console.log(response);
},
onError(error) {
console.error(error);
},
onFinal() {
this.loading = false;
}
}:src="getImgUrl(diaryIcons) сделайте :src="getImgUrl(icons).getImgUrl(icon) {
var images = require.context('../../../../assets/icons/', false, /\.png$/)
return images('./' + icon.name + '.png')
}data: () => ({
focused: false,
}),<input @focus="focused = true" @blur="focused = false">
<span v-show="focused">FOCUSED</span>И здесь idUser не работает, только после перезагрузки страницы.
this.$router.push({name: 'feed'}) следует выполнять в колбеке запроса получения данных пользователя.Также, почему-то я не могу получить из localstorage 'user' - пишет '[object Object]'.
v-for. Слушать событие change, по которому выставлять состояния предыдущих чекбоксов (относительно того, на котором событие случилось) в true, следующих в false:data: () => ({
checked: [ 0, 0, 0, 0, 0 ],
}),
methods: {
onChange(e, index) {
const checked = e.target.checked;
this.checked = [
...Array(index + checked).fill(1),
...Array(this.checked.length - index - checked).fill(0),
];
},
},<li v-for="(n, i) in checked">
<label>
<input
type="checkbox"
:checked="n"
@change="onChange($event, i)"
>
{{ i + 1 }}
</label>
</li>а если несколько таких списков будет
this.dataCalendar.curMonth++this.dataCalendar.curYear--curMonth < 11, curMonth > 0... Изменился месяц - надо поменять день (или не надо?), надо поменять год (или не надо - по-всякому бывает), поменять ещё чёрт знает что. Увеличили день - надо менять месяц, если это 30/31 число, иногда год - если было 31 декабря. Ну и т.д. и т.п.curMonth++ будет что-то вродеcurDate = new Date(curDate.setMonth(curDate.getMonth() + 1))computed: {
calendarData() {
return {
year: this.curDate.getFullYear(),
month: this.curDate.getMonth(),
// ...
};
}
}Часть начального кода с v-for я пропустил.
types.id == date.activities[i].type_iddate.activities.every(n => n.type_id == types.id)
data: () => ({
items: [
{ buttonText: '+', className: 'container' },
{ buttonText: '-', className: 'container-fluid' },
],
...
}),<button
v-for="n in items"
v-text="n.buttonText"
:class="{ active : active === n.className }"
@click="active = n.className"
></button>items.slice... надо было унести в computed):<div v-for="item in items.slice((page - 1) * perPage, page * perPage)">
{{ item }}
</div>computed: {
numPages() {
return Math.ceil(this.items.length / this.perPage);
},
},methods: {
next(change) {
this.page = Math.max(1, Math.min(this.numPages, this.page + change));
},
},<button @click="next(-1)" :disabled="page <= 1">prev</button>
<button @click="next(+1)" :disabled="page >= numPages">next</button>{ path: '/city', component: City, props: () => ({ cityid: app.cityid }) }<router-view :cityid="cityid"></router-view>
watch: {
town_id(val) {
// ну а тут ваш запрос
}
}resultGenes() {
return this.filteredResultGenes.filter(elem => {
return elem.snps.every(n => n.snpgroup.every(m => m.group_id === 1));
});
}есть похожая задача, только мне необходимо сравнить два значения и если true то отрисовать блок. Every, как я понял возвращает лишь true или false. А есть какой-то метод, чтобы можно было в директиве v-if в массиве пройтись по всем объектам этого массива? ну т.е.
я хочу, чтобы сработала конструкция: v-if="type.id == date.activities.type_id " вот только activities может либо вообще не быть, либо быть пустым либо несколько их может быть.
v-if. Сделайте вычисляемое свойство, которое будет представлять данные, соответствующие условию, и выводите их все.