javascript 使用if条件设置v-select默认值

9nvpjoqh  于 2023-05-12  发布在  Java
关注(0)|答案(1)|浏览(120)

我有一个下拉菜单,我希望默认值是基于登录用户类型设置。
我有这个页面登录后出现,我希望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>
6mw9ycah

6mw9ycah1#

这是不对的

<v-select 
    :items:"items"
    v-model:"select"
  ></v-select>

应该是

<v-select 
    :items="items"
    v-model="select"
  ></v-select>

watch: {
    select(value) {  // instead of selected
      localStorage.setItem('select', value);
      console.log(localStorage.getItem('select'));
    },
}

另外,this.users没有定义,应该抛出一个js异常。

相关问题