vue输入框只读,下拉框只读

<el-form-item label="点数" prop="totalCount">

<el-input v-model="form.totalCount" :readonly="form.totalCount_readonly" placeholder="请输入点数" />

</el-form-item>

<el-form-item label="知识库" prop="params.isSendConfluence">

<el-select style="width: 100%;padding: 0" v-model="form.params.isSendConfluence" :disabled="isSendConfluence_disabled" placeholder="是否发送到知识库">

<el-option label="发送" value="1"></el-option>

<el-option label="不发送" value="0"></el-option>

</el-select>

</el-form-item>

data() {

return {

//可以编辑

isSendConfluence_disabled:false,

}}

for (let key in this.form) {

if (key !== 'ausker') {

this.$set(this.form, key + '_readonly', true); // 添加一个新的字段表示只读状态

this.isSendConfluence_disabled = true;

}

}

相关推荐
源码站~9 分钟前
基于Spring Boot+Vue3的烹饪交流学习系统 设计与实现
java·vue.js·spring boot·后端·mysql·毕业设计·毕设
Dxy123931021616 分钟前
如何使用 ECharts 绘制 K 线图
开发语言·javascript
小小小米粒22 分钟前
原生 JS:数据和视图「分离」,必须手动同步原生 JS 里,数据是数据,视图是视图,两者完全没关系
前端·javascript·vue.js
摸鱼仙人~25 分钟前
纯前端 Vue 实现共享预览链接方案
前端·javascript·vue.js
happymaker062626 分钟前
VueCli标准化工程中的组件通信操作
开发语言·前端·javascript
weixin_4434785127 分钟前
Flutter第三方常用组件包学习之状态管理
javascript·学习·flutter
Yiyi_Coding28 分钟前
Proxy详解
java·前端·javascript
追光的蜗牛丿34 分钟前
C++传递参数时什么情况下传递引用
开发语言·javascript·c++
摸鱼仙人~37 分钟前
前端开发中“共享预览链接”场景-企业级最简方案:Vue + 极简后端(2 接口 1 张表)
前端·javascript·vue.js