实现el-form下删除某个item

实现思路:

1、右上角的就是element中的icon图标

2、将这个图标定位到表单或者某个item上

父相子绝position: relative;,position: absolute; 再把这个图标display: none;隐藏

3、鼠标悬浮的时候才显示图标

display: block;

4、删除的时候把prop传进去

    delete(v) {
      const index = this.data.indexOf(v) // 判断是否有这个el-form-item
      if (index > -1) {
        this.data.splice(index, 1)
      }
    },

你可能感兴趣的:(前端,javascript,vue.js,前端框架,node.js)