我有一个下拉菜单,我希望默认值是基于登录用户类型设置。
我有这个页面登录后出现,我希望v-select选项选择,根据用户类型条件选择,并存储在localStorage中的选择值。我将if条件放入方法中,但v-select默认值仍显示为null。如何在登录和刷新时根据usertype条件传递和存储默认值。
#vue 2.6 vuetify 2.3
<template>
<h1>title</h1>
<v-select
:items:"items"
v-model:"select"
></v-select>
</template>
<script>
export default {
data() {
return {
items: ['A','B'],
select: localStorage.getItem('select'),
};
},
watch: {
selected(value) {
localStorage.setItem('select', value);
console.log(localStorage.getItem('select'));
},
},
mounted() {
this.selectChoice();
},
methods: {
selectChoice() {
if (this.users.types>=0) {
this.select = 'A';
}
else if (this.users.types>=2) {
this.select = 'B';
}
},
},
};
</script>
1条答案
按热度按时间6mw9ycah1#
这是不对的
应该是
和
另外,
this.users
没有定义,应该抛出一个js异常。