禁用的来源disabled以及只读readonly，Vue给icon加禁用

一、禁用disabled来源

众所周知，在element ui的button可以添加disabled参数来让按钮不能点击且鼠标会有一个禁用标符。

• disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,，后台不能接收到传值.

<input type="button"  disabled="disabled" />

二、只读readonly

• readonly表示此域的值不可修改，仅可与 type=“text” 配合使用，可复制，可选择,可以接收焦点，后台能接收到传值.

<input type="text" name="firstname" value=""  readonly="readonly" />

三、给icon添加禁用

1. 在点击事件中给定条件，让按钮不生效
2. 给icon所在的div元素添加样式cursor: not-allowed让鼠标变成不可选的样式
3. 而我这里因为是组件循环的icon，所以我用了一下鼠标经过事件@mouseover.native="handleMouseOver(item, $event)"

if(this.state !== '1') {
          this.myStyle = 'cursor: not-allowed'
        }else{
          this.myStyle = ''
        }

这样会导致很多的鼠标经过事件，所以感觉还差点。（但是实在没想到其他的方法。如果有更好的，请大佬指出(^▽)）