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;

}

}

相关推荐
@––––––4 分钟前
力扣hot100—系列8-回溯算法
javascript·算法·leetcode
phltxy6 分钟前
Vue核心进阶:v-model深度解析+ref+nextTick实战
前端·javascript·vue.js
三小河9 分钟前
React 样式——styled-components
前端·javascript·后端
Jing_Rainbow39 分钟前
【React-10/Lesson94(2026-01-04)】React 性能优化专题:useMemo & useCallback 深度解析🚀
前端·javascript·react.js
白中白1213844 分钟前
Vue系列-3
前端·javascript·vue.js
无巧不成书02181 小时前
React Native 深度解析:跨平台移动开发框架
javascript·react native·react.js·华为·开源·harmonyos
奋斗吧程序媛2 小时前
vue3初体验(1)
前端·javascript·vue.js
资深web全栈开发2 小时前
设计模式之桥接模式 (Bridge Pattern)
javascript·设计模式·桥接模式
UIUV2 小时前
语义化搜索学习笔记(结合代码实战)
javascript·后端·node.js
2301_796512522 小时前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:订单步骤条实践
javascript·react native·react.js·ecmascript·harmonyos