avue
在项目中遇见的avue问题及解决方法
码田里的小白菜
这个作者很懒,什么都没留下…
展开
-
avue实现列合并和动态渲染表格背景色
关键代码::span-method="rowspanMethod"关键代码::cell-class-name="cellStyle"实现的效果如下:第一列相同值合并,合并块加底色。2、动态渲染表格背景色。原创 2022-09-30 15:20:11 · 1496 阅读 · 0 评论 -
avue中crue表单的属性
column: [ { label: "通知标题", prop: "title", span: 24,//24一条数据占一行,8一行3条数据 row: true, search: true, rules: [//表单校验规则 { required: true,//是否必填 ..原创 2021-12-22 11:18:59 · 1738 阅读 · 1 评论 -
avue-crud在option表单中邮政编码、对价格小数点后两位非负数、对数字位数、汉字、身份证的验证
正则对邮政编码、对价格小数点后两位非负数、对数字位数的验证原创 2021-12-22 15:16:39 · 1442 阅读 · 0 评论 -
avue的crud使用心得:自定义插槽修改列内容、自定义表单的rules效验、弹出框中的元素和表格列中显示元素不同、对表格进行排序
3、弹出框中的元素和表格列中显示元素不同,以图片type:upload为例。1、自定义插槽修改列内容,效果图、代码如下。新增时弹出框中元素并没有显示为图片框。2、自定义表单的rules效验。原创 2022-08-04 11:01:50 · 14305 阅读 · 0 评论 -
如何在使用avue-crud组件时写监听
3、写对某个变量的监听,this.form能取到的值为新增弹窗中的值或是编辑时弹窗中的值;第一个参数为新值、第二个参数为旧值。2、在data中加入form,这样vue的监听机制才能监听到form的变化。1、在标签中加入属性v-model="form"原创 2022-09-06 18:05:34 · 1480 阅读 · 0 评论 -
合并后的avue-crud表格,在行内编辑时出现的bug如何解决
第二行在行内编辑时,第一列已经合并,无法拆分出来进行修改,想要修改第一列会比较麻烦。avue可配置表格合并,但是当合并的表格遇到行内编辑时,会出现如下BUG。在新增或编辑时,合并效果会暂时取消,当点完成或取消,合并效果正常显示。原创 2022-09-26 16:47:29 · 1786 阅读 · 0 评论