Element UI关于 input禁止编辑

element

A Vue.js 2.0 UI Toolkit for Web

项目地址：https://gitcode.com/gh_mirrors/eleme/element

免费下载资源

run-Ameng

10739人浏览 · 2021-08-23 17:45:32

run-Ameng · 2021-08-23 17:45:32 发布

方法1: 添加 readonly 属性

readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。

在这里插入图片描述

 <el-form-item label="部门" prop="departmentName">
      <el-input readonly v-model="formData.departmentName" style="width:50%" placeholder="请选择部门" @focus="hFocus" />
 </el-form-item>

方式2: v-model变为 :value

在这里插入图片描述

 <el-form-item label="部门" prop="departmentName">
      <el-input   :value="formData.departmentName" style="width:50%" placeholder="请选择部门" @focus="hFocus" />
 </el-form-item>

GitHub 加速计划 / eleme / element

下载

A Vue.js 2.0 UI Toolkit for Web

最近提交(Master分支：4 个月前 )

c345bb45 1 年前

a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前

AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐