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;

}

}

相关推荐
有趣的杰克10 分钟前
Flutter InkWell组件去掉灰色遮罩
开发语言·javascript·flutter
清风絮柳33 分钟前
13.音乐管理系统(基于SpringBoot + Vue)
vue.js·spring boot·后端·毕业设计·前后端分离·音乐播放系统
解道Jdon35 分钟前
Clace和sqlite-fs:使用SQLite替代文件系统
javascript·reactjs
贵州晓智信息科技1 小时前
Three.js Shader 与自定义材质—深入理解与应用
开发语言·javascript·3d·材质
计算机学姐1 小时前
基于uniapp微信小程序的旅游系统
vue.js·spring boot·mysql·算法·微信小程序·uni-app·旅游
编程社区管理员1 小时前
Vue 3 Vite 项目打包优化:自动删除指定文件的方法
前端·javascript·vue.js
偷光1 小时前
在 Vue 中如何自动导入项目中的 less 和 scss 变量和文件
前端·vue.js·less
计算机学姐2 小时前
基于uniapp微信小程序的宠物救助宠物领养系统
vue.js·spring boot·mysql·微信小程序·小程序·uni-app·宠物
大牛哥哥2 小时前
uni-app @click.stop @click.stop.native均不生效
javascript·vue.js·uni-app
计算机学姐2 小时前
基于uniapp微信小程序的校园二手书交易系统
java·vue.js·spring boot·mysql·微信小程序·java-ee·uni-app