vue中的自定义组件中,若父组件中用v-model的话,其实相当于v-bind:value='***'并且v-on:input='***'。因此子组件内部用props接收value,用emit触发input事件:

其实可以在子组件中通过配置一个model属性,更改默认传递value和默认触发input事件的这个规则:

上面的demo我们可以看到,我们在子组件中配置了model:{prop:'name',event:'diyFun'},也就是相当于把父组件中默认传递的value属性值变成了name,把默认的input事件变成了diyFun。

这样的话,子组件中,接收的变量就变成了name,用emit触发的变量就变成了diyFun。

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字