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;

}

}

相关推荐
Yueyanc14 分钟前
LobeHub桌面应用的IPC通信方案解析
前端·javascript
不一样的少年_1 小时前
头像组件崩溃、乱序、加载失败?一套队列机制+多级兜底全搞定
前端·vue.js
麦当_1 小时前
基于 Shadcn 的可配置表单解决方案
前端·javascript·面试
Cutey9162 小时前
使用Canvas实现实时视频处理:从黑白滤镜到高级特效
前端·javascript
前端大卫2 小时前
前端调试太痛苦?这 6 个技巧直接解决 90% 问题!
前端·javascript
小公主2 小时前
this 到底指向谁?严格模式和作用域那些坑全讲明白了
前端·javascript
鹏多多2 小时前
让网页拥有App体验?PWA 将网页变为桌面应用的保姆级教程
前端·javascript·浏览器
狙击2 小时前
基于Vue3的H5自定义拍身份证人相框和国徽框
vue.js
李三岁_foucsli2 小时前
浏览器中dom解析的过程,及js、css对其影响,图文解析
javascript·浏览器
加油乐2 小时前
JS-石头剪刀布
前端·javascript