Vue设置输入框、下拉框不可修改

通过绑定a-input、j-tree-select的disabled属性实现不可修改

效果为：

注意如果写为disabled="true",可能报错Invalid prop: type check failed for prop "disabled" Expected Boolean, got String with value "true"

今天在做项目的时候，遇到上传文本框的问题，
<input type="file" size="100" name="photoupload" /
在firefox中，该控件产生的文本框是默认不可编辑的，但是在IE下，该文本框可编辑，
根据用户需要，此文本框应为不可编辑。
但是直接将其设置为readonly或者disabled后，对应的浏览按钮也无法使用了。所以此法不通。
在网上搜索了一些资料，主要有以下几种方法：
1变通处理：
<input type=file id=a1 style="visibility:hidden"
<input id=a2 type=text readonly
<input type=button value=浏览 onclick="a1click(); a2value= a1value"
2增加如下属性：

TextField tf=new TextField(); tfText="给文本框填默认数据"; tfsetEditable(false); //设置是否可以是可编辑的，为true是可编辑，为false是不可编辑会灰掉建议使用这些控件时先大致熟悉其常规属性和方法，具体可以找JDK帮助文档查

有两种方法：<input type="text"name="username" readonly>和<inputtype="text" name="username" disabled>都可以的．
这两种方法都有他们的一些区别，下面顺便说一下
Readonly 和disabled区别：
两种属性的写法如下：
1、<input type="text" name="name"value="xxx" disabled="true"/>
2、<input type="text" name="name"value="xxx" readonly="true"/>
这两种写法都会使显示出来的文本框不能输入文字，但disabled会使文本框变灰，而且通过requestgetParameter("name")得不到文本框中的内容（如果有的话），而readonly只是使文本框不能输入，外观没有变化，而且通过requestgetParameter("name")可以得到内容。

---