美文网首页
自定义input组件

自定义input组件

作者: 我_巨可爱 | 来源:发表于2017-10-31 17:55 被阅读0次

不在组件上使用v-model

注意点

  1. 通过属性,向input传递数据。注意,属性的必要性和属性结构
  • inputObj,这个一般放着input组件所需的全部数据。比如,placeholder,文字
  • defaultType,因为input元素有多种类型,text,number,date
  • defaultData,input元素的value比较重要,可以从inputObj中单列出这个数据
  • curStyle,如果允许input组件的样式改变,那么可以开放出一个接口
  1. 变通
  • 比如,defaultData其实可以和inputObj合并到一起
  • 可以没有curStyle这个API
  1. 事件
  • 因为要改变属性defaultData,但是组件不能改变属性,所以先将该属性赋值给data中某项
  • 通过watch某项,发生变化,就this.$emit('事件',val)
  1. 当属性是对象时,并且对象需要一定的结构时,可以将默认值更具体化

相关文章