怎样做网页游戏网站,万网 填写网站备案信息,太仓住房与城乡建设部网站,英文网站首页优化文章目录 一、问题二、解决2.1、4.0之前的版本2.2、4.0开始的版本 三、最后 一、问题
实际使用ant-design-vue在开发表单的时候或许会遇到编辑与查看的需求#xff0c;但是查看的时候表单不允许编辑#xff0c;ant-design-vue的官方是没有像element一样提供全局disabled属… 文章目录 一、问题二、解决2.1、4.0之前的版本2.2、4.0开始的版本 三、最后 一、问题
实际使用ant-design-vue在开发表单的时候或许会遇到编辑与查看的需求但是查看的时候表单不允许编辑ant-design-vue的官方是没有像element一样提供全局disabled属性的但是我们对一个一个的form-item去添加又有一些麻烦所以我使用了一个全局css属性才设置。
二、解决
2.1、4.0之前的版本
Form v-model:valuedata :class{ disable: type 1 ? true : false }FormItem label表单Input v-model:valuedata.item placeholder请输入表单 allow-clear //FormItem
/Form定义一个可接收的参数来判断是否为disabled然后为dom添加class属性给class设置一个样式就可以
.disable {pointer-events: none;
}2.2、4.0开始的版本
可以看到官网的说明4.0版本之后才支持在a-form上设置disabled属性 Form v-model:valuedata :disabledtrueFormItem label表单Input v-model:valuedata.item placeholder请输入表单 allow-clear //FormItem
/Form三、最后
本人每篇文章都是一字一句码出来希望对大家有所帮助多提提意见。顺手来个三连击点赞收藏关注✨一起加油☕