vue自定义组件使用v-model

项目中,这个需求蛮多的,这里记录一下最简单的写法。
子组件







父组件







看上去蛮简单的,实际上有几个需要注意的点

  • 修改完代码后记得刷新浏览器
    不知道为啥,不刷新浏览器,就是有问题,刷新一下就好了。?
  • 子组件不要直接用value属性
    因为子组件里的子组件还是用的v-modal,所以这里新加了一个data => showModal
  • 子组件showModal改变后,要发input事件
  • 记得watch value,新值赋给shwoModal不然showModal不会变
  • 最后是mounted里要写赋值,不然也没用

你可能感兴趣的:(小结,#,nodejs,javaweb)