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;

}

}

相关推荐
JiaLin_Denny12 分钟前
react中运行 npm run dev 报错,提示vite.config.js出现错误 @esbuild/win32-x64
javascript·react.js·npm·esbuild·config.js·run dev
决战软件之巅1 小时前
vue调后台接口
前端·javascript·vue.js
诸葛亮的芭蕉扇1 小时前
StreamSaver实现大文件下载解决方案
前端·javascript·vue.js·node.js
gong191723169672 小时前
解释一下React事件系统中的事件委托机制
前端·javascript·react.js
罗政3 小时前
springboot+vue实现鲜花商城系统源码(带用户协同过滤个性化推荐算法)
vue.js·spring boot·推荐算法
浩星3 小时前
vue3+uniapp中使用高德地图实现撒点效果
前端·vue.js·uni-app
JamSlade3 小时前
React 个人笔记 Hooks编程
前端·javascript·笔记·react.js
程序二次开发3 小时前
html,js获取扫码设备的输入内容
前端·javascript·html
F2E_Zhangmo3 小时前
webpack5所用依赖以及对应的版本
vue.js·webpack
鲁Q同志3 小时前
vue项目启动报错(node版本与Webpack)
前端·vue.js·webpack