这次遇到一个小坑,使用计算属性循环给select绑定value值,如下:
computed: {
jobTypesList () {
let list = this.$store.state.user.jobTypesList
list = list.map(e => {
e['select'] = ''
return e
})
return list
}
}
效果如图所示:
循环select效果图
当我们改变select值得时候,发现v-model得并未更新,原因是我们位置data中定义,所以,并未触发更新,但是,值已经得到了。因此,我们需要强制刷新dom,给select绑定一个change方法,强制刷新dom。
change () {
this.$forceUpdate()//强制更新
}
语文堪忧,勉强观看吧!
网友评论