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

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()
    },