美文网首页
vue中select的值不更新?

vue中select的值不更新?

作者: 柯柯的呵呵哒 | 来源:发表于2021-11-01 14:42 被阅读0次

    这次遇到一个小坑,使用计算属性循环给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()//强制更新
    }
    

    语文堪忧,勉强观看吧!

    相关文章

      网友评论

          本文标题:vue中select的值不更新?

          本文链接:https://www.haomeiwen.com/subject/ghbzaltx.html