vue 设计一个具备组件交互的低代码功能?

• Z时代
• 2024-02-08
• 分类：IT

简单来说就是 我有 ParentChild 两个组件

当用户输入 关键字 "当 Parent数据改变 时 Child触发request方法'
其中的关键字映射 我是这样的
Parent => Parent
数据改变 => onChange
Child => Vue.$refs.Child
触发 => dispatch
request => request
Parent->onChange->Vue.$refs.Child->dispatch->request
解析成代码配置 大概是

{
    "Parent":{
        onChange(){
            Vue.$refs.Child.dispatch('request')
        }
    }
}

// Child.vue
export default {
  methods:{
      dispatch(method){
        this.method()
      }
      request(){
        console.log('child request')
      }
  }
}

以上是 vue 设计一个具备组件交互的低代码功能? 的全部内容， 来源链接： utcz.com/p/937585.html