elementUI设置输入的只读或禁用的方法

<强>只读:只读的

　　

在数据里定义:只读的:真的,

　　

然后在输入框里加上只读的就可以了。

　　 　　

<>强禁用:禁用

　　

　　

在数据里定义:编辑:真的,

　　

然后在输入框里加上::禁用=氨嗉本涂梢粤?/p> 　　 　　

　　 　　 　　& lt; !DOCTYPE html> 　　& lt; html lang=癳n”比; 　　& lt; head> 　　& lt;元charset=皍tf - 8”比; 　　& lt;元name=笆哟啊蹦谌?翱矶?设备宽度,初始=1.0”比; 　　& lt;元http-equiv=癤-UA-Compatible”内容=癷e=边缘”比; 　　& lt; title>通过残疾人属性指定是否禁用输入组件& lt;/title> 　　& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/elementui/elementui.css " rel=巴獠縩ofollow”比; 　　& lt;/head> 　　& lt; body> 　　& lt; div id=坝τ谩北? 　　& lt; el-dialog title=笆栈醯刂贰?visible.sync=癲ialogFormVisible”比;=& lt; el-form:模型在“形式”; 　　& lt; el-form-item标签="活动名称“:label-width=癴ormLabelWidth”比; 　　& lt; el-input v模型=" form.name "自动完成=肮乇铡?禁用=" true "类=笆淙搿弊４? lt;/el-input> 　　& lt;/el-form-item> 　　& lt; el-form-item标签="活动区域”:label-width=癴ormLabelWidth”比; 　　& lt; el-select v模型="的形式。地区“占位符="请选择活动区域”比; 　　& lt; el-option标签="区域一" value=" https://www.yisu.com/zixun/shanghai "祝辞& lt;/el-option> 　　& lt; el-option标签="区域二" value=" https://www.yisu.com/zixun/beijing "祝辞& lt;/el-option> 　　& lt;/el-select> 　　& lt;/el-form-item> 　　& lt;/el-form> 　　& lt; div槽==癲ialog-footer”比“页脚”类; 　　& lt; el-button @click=" dialogFormVisible=false "祝辞取消& lt;/el-button> 　　& lt; el-button类型=爸鳌盄click=癱ancelAttr祝辞确定& lt;/el-button> 　　& lt;/div> 　　& lt;/el-dialog> 　　& lt;/div> 　　 　　& lt;/body> 　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/vue/vue.min.js "祝辞& lt;/script> 　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/elementui/elementui.js "祝辞& lt;/script> 　　& lt;脚本type=" text/javascript祝辞 　　新Vue ({ 　　埃尔:“#应用”, 　　数据(){ 　　返回{ 　　dialogFormVisible:没错, 　　形式:{ 　　名称:”, 　　地区:”, 　　date1:”, 　　date2:”, 　　交付:假的, 　　类型:[], 　　资源:”, 　　描述:“ 　　}, 　　formLabelWidth:“120 px” 　　} 　　}, 　　安装(){ 　　 　　}, 　　方法:{//点击确定的时候取消属性 　　cancelAttr () {//1 .首先我们要拿到输入的父类(输入)//当我们设置禁用属性的时候,父集的类设置成输入el-input是禁用的,首先我们改变父集的类,把父集改成可编辑状态,才能修改输入的属性 　　const父母=document.querySelector (“.input”); 　　的父母。className="输入el-input”;//改变父集的类,把父集改成可编辑状态,//2 .在设置输入属性//获取输入 　　常量输入=document.querySelector (”。输入输入”);//设置输入的属性为假 　　输入。禁用=false。 　　} 　　} 　　}） 　　& lt;/script> 　　& lt;/html> 　　 　　

elementui通过残疾人属性指定是否禁用输入组件,有时候我们会取消单个残疾属性,那我们如何用DOM操作取消禁用属性,下面是我走的一下弯的路,供大家参考一下,避免再走这样的弯路

　　

　　

以上所述是小编给大家介绍的elementUI设置输入的只读或禁用的方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

elementUI设置输入的只读或禁用的方法