avue组件avue-crud配置自定义表单中的某个字段

从来没用过这个组件,今天给碰上了。官方的文档其实写的很全,只是一时搞出这么多参数搞的头晕。

这里有几个注意事项(注意是avue-crud组件不是avue-form组件,我翻文档的时候发现看错了组件文档,大多配置都类似一定不要看错了文档)

各位一定要搞清楚改的是哪个文件,本人经常看错文件总改改不到(注意!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!)

官方文档:avue

1. 在column数组中配置了一个参数的prop就是外层template slot中的参数(要加上Form,比如prop叫name那么slot就要写nameForm)

image.png

image.png

2. 看下面↓

<!-- 如果写成这样子的话是出不来的 -->
<template slot="nameForm" slot-scope="scope">测试</template>
<!-- 需要改成这样 -->
<template slot="nameForm" slot-scope="scope"><div>测试</div></template>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容