vue 将整个表单设置为只读_elementUI 设置input的只读或禁用的方法

只读：readonly

在data里定义：readonly: true,

然后在input框里加上readonly就可以了。

禁用：disabled

在data里定义：edit: true,

然后在input框里加上：:disabled="edit"就可以了

PS：下面看下elementui通过 disabled 属性指定是否禁用 input 组件，如何用DOM操作取消disabled 属性

通过 disabled 属性指定是否禁用 input 组件

取 消

确 定

new Vue({

el:'#app',

data(){

return{

dialogFormVisible: true,

form: {

name: '',

region: '',

date1: '',

date2: '',

delivery: false,

type: [],

resource: '',

desc: ''

},

formLabelWidth: '120px'

}

},

mounted(){

},

methods:{