当前位置 博文首页 > hibiscusxin的博客: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