当前位置 博文首页 > hibiscusxin的博客:vue父子传值不能及时更新问题2

    hibiscusxin的博客:vue父子传值不能及时更新问题2

    作者:[db:作者] 时间:2021-08-30 12:58

    vue父子传值不能及时更新问题2

    父组件

    <template>
      <div class="wrapper">
          <Children :add-url-list="addUrlListIsSelected" @click-change="changeMainUrl" />
       </div>
    </template>
    <script>
        export default {
            methods: {
                getInfoChange(val) {
                	this.isMainUrl = val.isMainUrl
                	this.addUrlListIsSelected = val.addUrlListIsSelected
                }
            }
        }
    </script>
    

    子组件

    在子组件的click方法中使用nextTick(),具体如下:

    changeAddUrlName(item) {
          this.$nextTick(() => {
                // methods
          })
     }
    

    但有时候因为数据层太多,没有触发render函数进行自动更新,需要手动调用,
    在子组件的方法里添加this.$forceUpdate()即可

     openIt(item, index) {
          this.$emit('open-it', item)
          this.$forceUpdate()
        },
    
    cs
    下一篇:没有了