给 el-dialog 设置肯定没作用啊。你得把你 props 下来的 disabled 属性赋值给 el-form 的 disabled 属性上。举个例子:<el-dialog title="提示" :visible.sync="dialogVisible"> <el-form label-width="80px" :model="formData" :disabled="disabled"> <el-form-item label="名称"> <el-input v-model="formData.name"></el-input> </el-form-item> <el-form-item label="活动区域"> <el-input v-model="formData.region"></el-input> </el-form-item> <el-form-item label="活动形式"> <el-input v-model="formData.type"></el-input> </el-form-item> </el-form> </el-dialog>export default { props: ['disabled'], data(){ return { formData:{}, dialogVisible: false, } } }或者你更加直接一点,本来就是一个只读的表单,那么把 v-model 改成 v-bind 就行了。- <el-input v-model="formData.name"></el-input> + <el-input :value="formData.name"></el-input>
给
el-dialog
设置肯定没作用啊。你得把你props
下来的disabled
属性赋值给el-form
的disabled
属性上。举个例子:
或者你更加直接一点,本来就是一个只读的表单,那么把
v-model
改成v-bind
就行了。