vue-router использует path-to-regexp в качестве движка для проверки совпадения маршрутов, что позволяет задействовать многие продвинутые возможности...
@media print { /* Стиль для печати */ }
if (this.$route.name === 'route-name') {
// code
}created() {
this.$http.interceptors.response.use(undefined, (error) => {
return new Promise(() => {
if (error.response.status === 401 && error.config && !error.config.__isRetryRequest) {
console.log('test')
this.$store.dispatch('logout') <-- вот тут получаю ошибку
}
throw error;
});
});
}<div v-for="(item, index) in items" :key="index">
...
</div><template>
<div>
<div class='tags'>
<a v-for="item in tags" @click.prevent="activeTagId = item.id">{item.name}</a>
</div>
<div class="videos">
<div v-for="item in videos" v-show="isViewVideo(item)">...</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
activeTagId: null,
tags: [
{
id: 1,
name: '',
},
],
videos: [
{
id: 1,
name: '',
tagIds: [1,2,3],
},
],
};
},
methods: {
isViewVideo(video) {
return video.tagIds && video.tagIds.indexOf(this.activeTagId) >= 0;
},
},
}
</script><template>
<div v-for="(item, index) in items" :key="index">
<span @click="item.open = !item.open">{{ item.question }}</span>
<span v-if="item.open">{{ item.answer }}</span>
</div>
</template>
<script>
export default {
data: {
faqs: [
{
open: false,
question: '...',
answer: '...',
},
],
},
}
</script>