elementUI如何设置input不可编辑

已于 2023-01-18 16:53:56 修改
阅读量3.3k 收藏 3
点赞数 1
分类专栏： Vue 文章标签： 设置input不可编辑 elementUI
于 2023-01-18 16:53:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuiqiuzhuoyue583/article/details/128728158
版权

  • 打开一个vue文件，添加一个input标签。如图：

  • 添加disabled设置不可编辑。如图：

  • 保存vue文件后使用浏览器打开，页面上显示的input已经实现不可编辑效果。如图：

    参考：elementUI如何设置input不可编辑-百度经验

elementUI表格实现可编辑和增加行功能--直接复制即可
蜗牛~~
07-16 1万+
结构： <div class="twoTable fuceng"> <div class="h_top"> <span>新建任务</span> <img src="../../../../static/img/close.png" alt="" @click="close_twoTableDelete"> </div> <div cla
利用elementui实现一个可编辑的表格
qq_41681425的博客
02-27 3657
因为业务需要，利用elementUI表格做成一个带表单校验的表格组件，代码如下： &lt;el-form v-if="show" ref="form" :model="form"&gt; &lt;el-form-item&gt; &lt;el-row :gutter="20"&gt; &lt;el-col :s
vue 设置 input 为不可以编辑的实现方法
10-16
今天小编就为大家分享一篇vue 设置 input 为不可以编辑的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ElementUI el-input 设置数据无法修改
回忆在这里
02-28 2239
网上有一些方案，比如添加input、change之类的事件，调用强制更新this.$forceUpdate()，试过之后并没有解决问题，分析是因为本来el-input就已经是无法修改状态，input，change事件怎么触发呢？分析原因是在定义data数据初始化时候没有把原始的属性结构定义，AJAX返回结果后直接给form添加新的属性并赋值，虽然数据能显示，但是这样添加的属性不是响应式的，如果在模板或渲染函数中使用该属性，这个新的属性将无法触发组件重新渲染。
el-input 不可编辑，但是点击的时候出现弹窗/或其他操作面板，并且带可清除按钮
最新发布
maliyao4233的博客
03-19 472
3.但是会有个问题就是el-input 不可点击加了:readonly="true"这个属性，此时清除效果就会失效。2.点击确定的时候，数值赋值到el-input的输入框,弹窗取消（this.定义的弹段字端 = false）1.@focus=“getFocus”鼠标聚焦的时候写个方法，弹窗起来。
Element UI关于 input禁止编辑
热门推荐
m0_58861443的博客
08-23 1万+
方法1: 添加 readonly 属性 readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <el-form-item label="部门" prop="departmentName"> <el-input readonly v-model="formData.departmentName" style="width:50%" placeholder="请选择部门" @focus="hFocus"
vue中的el-input设置灰显不可编辑
dxjren的博客
11-17 8830
el-input设置灰显不可编辑，以及报：invalid prop: type checked failed for prop "disabled".Expected Boolean,got String with value "true"解决办法
让input变成不可编辑状态的方法
John的专栏
04-08 5880
disabled="true "此果文字会变成灰色，不可编辑。 readOnly="true" 文字不会变色，也是不可编辑的
elementUI 设置input的只读或禁用的方法
01-21
PS：下面看下elementui通过 disabled 属性指定是否禁用 input 组件，如何用DOM操作取消disabled 属性 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=...
elementUI表格插槽input编辑
03-12
上述代码片段展示了如何创建一个可编辑的单元格[^2]。当点击某一行的数据时触发编辑模式；而再次点击或者按下回车键则提交更改后的值到服务器端或者其他处理流程之中。 #### 控制编辑状态的方法 为了让每一行能够...
关于element-ui input框赋值后,无法编辑的问题
gxh0816的博客
12-23 1504
问题: 今天需要实现一个功能是:党委周期类型选择活动时间为一周期时,每周期总参与次数是不可编辑的且值为活动总名额的值,而当我周期类型选择非活动时间为周期.每周期总参与次数是可编辑的.但是我发现,当我选择非活动时间为一周期时,input框无法编辑,也不能删. 查了很多的资料,才知道是 vue有响应式问题,这是视图层和数据层的响应问题… 解决办法: 使用vue中 this.$set ,那么为什么使用它呢?怎么用呢? https://www.jianshu.com/p/6f28f5abee08 代码如下: 首先
设置input为不可编辑状态
一只不知疲倦的学习猿
05-03 2145
input的两个属性：disable，readonly disable不向后台传值 readonly向后台传值
input框不可编辑的三种方法
weixin_40620337的博客
11-23 1483
1、disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 &lt;input type="hidden"&gt; 一起使用。 示例：&lt;input type="text" disabled="disabled" /&gt; 2、readonl...
el-input不能编辑的问题
lornall的博客
03-03 365
选一条数据，但这条数据里没有数量和单价字段，那么添加到了这个表格里，这个表格里的input就不能编辑。所以在添加这条数据到表格之前，把这两个值加上。用this.$set（）
element input有时不能编辑
出来和你看月亮
02-13 391
得到数据的时候,使用…赋值的时候,可能会造成不能编辑,使用Object.key.forEach 可以解决
【debug】element-ui时间控件回显后不可编辑且显示为空
karshey的博客
03-06 927
问题：使用element-ui的时间控件回显数据，编辑数据没有反应：点时间和“确认”按钮都没反应。我认为不是这个原因，因为其他的控件都回显成功且可以编辑。输入框中会显示数据，但提交时的校验显示为空。查了很多资料，基本上都说要手动赋值，如。中显式地声明值，这里是。中显示的声明这个值。
【解决Vue中el-input输入框无法编辑的问题】
qq_45278500的博客
12-07 5228
解决Vue项目中el-input标签无法编辑的问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值