vue实现输入表单元素的残疾示例 - 行业资讯 - 肥雀云

<>强场景

今天产品经理提了一个需求:

一个API的账号体系增加一个复选框控制API输出字段,但是有三个是伪控制,事实上是接口里面写死的,

所以是必须选中的

<>强分析

重点是怎么在Vue组件中实现复选框的残疾,哈这个肯定是需要使用元素绑定的

Vue做这个操作可以实现禁用输入元素的传递,这个就很秒了

　　　　　　& lt;输入类型=案囱】颉?禁用=" "在　　　　

具体解决方案如下

　　　　　　& lt; div类=案囱】颉北? 　　& lt;标签类=" checkbox-inline " v=癴orm_params.export_fields show_field”比; 　　& lt;输入类型=案囱】颉?禁用=癷sDefault show_field.value " v模型=" form_params。字段”:值=" https://www.yisu.com/zixun/show_field.value "在{{show_field.name}} 　　& lt;/label> 　　& lt;/div> 　　　　　　//是否是默认展示的字段　　isDefault:函数(领域){ 　　返回jQuery。inArray(字段,[' x ', ' y ', ' z ']) !==1; 　　}, 　　　　

以上这篇vue实现输入表单元素的残疾示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。