有这样的一个需求,有很多页面有多个重复的表单,我想要把这些表单整合到一个组件里,但是这个组件又需要页面的form表单对象还有校验方法,有没有办法不通过props这样的父子组件传参,而是类似mixin这样的混入js来混入这个组件。
因为我想要不传参,只是引入这些表单,表单绑定的数据对象用引入的页面的。但是如果当作父子组件来用,又必须传参,不然子组件会提示绑定的值找不到
有这样的一个需求,有很多页面有多个重复的表单,我想要把这些表单整合到一个组件里,但是这个组件又需要页面的form表单对象还有校验方法,有没有办法不通过props这样的父子组件传参,而是类似mixin这样的混入js来混入这个组件。
因为我想要不传参,只是引入这些表单,表单绑定的数据对象用引入的页面的。但是如果当作父子组件来用,又必须传参,不然子组件会提示绑定的值找不到
解决问题的出发点是错误的。
封装组件没问题。
问题在于,绑定的数据,是从外部引入。
对于这个问题而言,大可不必。
比较好的做法是,组件使用 data 返回 form 需要的数据。
表单提交时候,emit 一个事件,将自己的数据复制一份,传递给父组件即可。
9 回答1.7k 阅读✓ 已解决
6 回答954 阅读
3 回答1.4k 阅读✓ 已解决
5 回答1.4k 阅读✓ 已解决
4 回答956 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
3 回答864 阅读
Vue本身支持了mixin选项的。