概述
我们这里组件库使用的iview组件库
需求是:特定环节,数据只能查看,不能修改。 (查看页面和新增复用的同一个子组件)。 因此需要动态判断。
选择器禁止选择
选择器:
http://v2.iviewui.com/components/select
改造下:
通过绑定 v-bind
https://cn.vuejs.org/v2/api/#v-bind
关键代码:
:disabled="!(flowInfoParam.taskdefname === 'sdsg')"
注意 :不能省略
date-picker禁止选择
官网:http://v2.iviewui.com/components/date-picker
:disabled="!(flowInfoParam.taskdefname === 'sdsg')"
:readonly="!(flowInfoParam.taskdefname === 'sdsg')"
input禁止输入
官网:
http://v2.iviewui.com/components/input
改造下
<Input v-model="formValidate.comment" type="textarea" :rows="3" placeholder="Enter something..." :disabled="!(flowInfoParam.taskdefname === 'sdsg')"></Input>
本文标题:Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
本文链接:https://blog.quwenai.cn/post/6478.html
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。















还没有评论,来说两句吧...