viwe-design的Select 选择器当v-modal绑定value时，修改value的值假如option没有这个值，Select框会无法显示动态修改的value值

viwe-design的Select 选择器当v-modal绑定value时，修改value的值假如option没有这个值，Select框会无法显示动态修改的value值，我用watch监听value值的变化，当我改变value值时并且option没有这个值时value会先替换成我修改的值，然后view-design的组件会自动把我值修改为undefined。

<template>
  <Select v-model="value" style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">
            {{ item.label }}
        </Option>
    </Select>
</template>
<script>
export default {
  mounted() {
    this.value='Beijing'
  },
  data(){
    return{
      value:'',
       cityList: [
          {
              value: 'New York',
              label: 'New York'
          },
          {
              value: 'London',
              label: 'London'
          },
      ],
    }
  },
  methods: {
    
  },
};
</script>

解决方案：

在修改value的值时把value的值添加到option中

//原本的数组
cityList: [
          {
              value: 'New York',
              label: 'New York'
          },
          {
              value: 'London',
              label: 'London'
          },
      ],

//把你想要修改的值追加到数组里面即可，这样Select框就会显示你动态修改的值
cityList: [
          {
              value: 'New York',
              label: 'New York'
          },
          {
              value: 'London',
              label: 'London'
          },
          {
              value: 'Beijing',
              label: 'Beijing'
          },
      ],