动态更新iview下拉列表的问题

最新推荐文章于 2022-11-17 17:30:06 发布

weixin_33711641

最新推荐文章于 2022-11-17 17:30:06 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/fyzhu/blog/3058894

版权

为什么80%的码农都做不了架构师？>>>

<template>
<div>
<Select v-model="selectuser" filterable label-in-value style="width:200px" >
  <Option v-for="item in userList" :value="item.id" :key="item.id">{{ item.username }}</Option>
</Select>
</div>
</template>

<script>
export default {
 data(){
  return {
   userList: [{
     id: 1,
     username: 'test'
   }],
   selectuser: 0,
  }
 },
 mounted(){
  setInternal(()=>{
   this.userList = [{
     id: 2,
     username: 'test2'
   }]
   setTimeout(()=>{
    this.selectuser = this.userList[0].id
   })
  },1000)
 },
 watch: {
  selectuser(){
   console.log('附新值', newVal)
  }
 }
}
</script>

当动态给iview下拉列表userList赋值时，v-model绑定的值selectuser在watch时，如果原先有值，会先赋值为undefined

转载于:https://my.oschina.net/fyzhu/blog/3058894