多重输入框

演示效果:演示效果:http://face.cms.7yue.pro/#/lin-cms-ui/form/multiple-input多重输入框 - 图1

通过这个 demo 的演示,可以看到类似这种多重信息录入,并且 dom 元素一致的情况,只要定义好数据类型,并且通过下面两个关键 api 就能实现自定义新增与删除。

  1. addContent() {
  2. // this.list 的数据结构根据具体业务情况自定义
  3. this.list.push({
  4. text: '',
  5. type: 'plus',
  6. })
  7. },
  8. removeContent(index) {
  9. this.list.splice(index, 1)
  10. }