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;

}

}

相关推荐
RONIN1 小时前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js
kyriewen111 小时前
项目做了一半想重写?这套前端架构让你少走3年弯路
前端·javascript·chrome·架构·ecmascript·html5
RONIN1 小时前
vue2、vue3区别之混入mixins和过滤器filter
vue.js
RONIN2 小时前
属性透传attribute、vue实例对象方法$nextTick()、虚拟dom与浏览器渲染机制
vue.js
RONIN2 小时前
vue自定义指令与自定义插件
vue.js
RONIN2 小时前
属性透传attribute与性能优化组件(component、异步组件、keep-alive/Suspense/Teleport/Transition)
vue.js
RONIN3 小时前
组件通讯(父传子、子传父、ref属性、表单双向绑定v-model、兄弟间传值Event Bus、插槽、依赖注入)
vue.js
爱折腾的军哥3 小时前
首发 | OpenTaiji WFGY 防幻觉系统:让 AI Agent 不再"胡说八道"
javascript
颜酱3 小时前
从零实现「拍照记单词」小应用(可复刻版)
前端·javascript·人工智能
大猫会长3 小时前
AudioContext给音频提高音量
前端·javascript·音视频