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;

}

}

相关推荐
棒棒的唐8 分钟前
avue form 内容超过指定宽度自动隐藏的办法
elementui·avue
T___T20 分钟前
class 出现前,JS 是怎么继承的
前端·javascript·面试
2201_7578308723 分钟前
JS的学习
前端·javascript·学习
鸡腿大王24 分钟前
震惊:v8引擎竟是如此操作代码(JS预编译)
前端·javascript
飞龙AI27 分钟前
为什么第三层div的内容溢出会触发第一层div的溢出
javascript
_一两风27 分钟前
揭秘 ChatGPT 同款“打字机”特效:前端流式输出 (Streaming) 原理全解
前端·vue.js·openai
_一两风32 分钟前
深入理解 JavaScript 内存机制:从栈堆到闭包
前端·javascript
L、21844 分钟前
性能调优实战:Flutter 在 OpenHarmony 上的内存、渲染与启动速度优化指南
javascript·华为·智能手机·electron·harmonyos
三翼鸟数字化技术团队1 小时前
vue3组件二次封装-另外一种思路
vue.js
老华带你飞1 小时前
宠物商城销售|基于Java+ vue宠物商城销售管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot·宠物