avue avue-from 动态修改column中对象的dicData

最新推荐文章于 2025-04-04 23:39:01 发布

祝你今天也快乐

最新推荐文章于 2025-04-04 23:39:01 发布

阅读量2k

点赞数 1

分类专栏： avue 文章标签： html servlet 前端

本文链接：https://blog.csdn.net/killerdoubie/article/details/130227154

版权

avue 专栏收录该内容

21 篇文章

订阅专栏

场景：点击左侧的树结构，右侧的树动态变化；

<avue-form :option="searchOption" v-model="form"></avue-form>

 searchOption: {
                menuSpan: 6,
                span: 6,
                column: [
                    {
                        label: '测站类型（子类）',
                        prop: 'tree',
                        type: 'tree',
                        clearable: false,
                        labelWidth: 130,
                        dicData: [],
                        nodeClick: (data, node, nodeComp) => {
                            console.log(data.value, '666666');
                        },
                    }
                ]
 },

重点：this.findObject(this.searchOption.column, "tree")这个方法

参数一：配置项
参数二：column中的prop值
就OK了！！！！！

 nodeClick(data) {
            const column = this.findObject(this.searchOption.column, "tree")
            column.dicData = [
                {
                    label: '字典1',
                    value: 0,
                    children: [{
                        label: '字典3',
                        value: 2
                    }]
                }, {
                    label: '字典2',
                    value: 1
                }
            ]
 },

推荐看看avue的全局api:全局api | Avue