vue父子组件双向绑定

最新推荐文章于 2024-07-24 09:44:18 发布

我们明天会更好

最新推荐文章于 2024-07-24 09:44:18 发布

阅读量198

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_35079650/article/details/95063247

版权

前端专栏收录该内容

36 篇文章 0 订阅

订阅专栏

1、在父组件内部：引用子组件的标签上使用 v-model绑定父组件的某个值
（如：v-model=“active”，可以不是value）；
2、在子组件内部：

// 第一处
model: {
    prop: "value",
    event: "change"
  },
props: {
	value: {
		type: Number,
		default: 0
	}
}

// 第二处
watch: {
    value: {
      handler (index) {
        this.activeIndex = index;
      },
      immediate: true
    },
    activeIndex (index) {
      this.$emit("change", index);
    }
  },