首页 > 其他 > 详细

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

时间:2020-04-30 15:54:01      阅读:59      评论:0      收藏:0      [点我收藏+]
<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

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

原文:https://www.cnblogs.com/yuezhimou/p/12809203.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!