vue中组件的封装

拇指一代
  • 290

子组件
image.png
image.png
父组件
image.png
页面
image.png

现在的问题是父组件如何控制 子组件的方法具体哪一个删除新增

回复
阅读 1.2k
3 个回答

在父组件内,给 AddContent 标签上加绑定的事件,在子组件内的删除、新增事件内都通过 emit,传值给父组件

父传子,通过props属性,子与父组件通信,通过在子组件内触发emit,父组件监听

// 父
<Parent>
    <Children name="tome" @save="save"></Children>
</Parent>

methods: {
    save() {
        // TODO
    }
}

// 子
<button @click="save">保存</button>

props: {
    name: string,
    default: ''
},
methods: {
    save() {
        this.$emit('save')
    }
}

通过$emit触发传值,方法名写一样,传index过去判断点击的是哪个方法然后做哪个操作

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏