1.概要

在编写表单代码时,我们需要引入表单控件,每新增一个控件,就需要添加一次引用,这个比较麻烦的。

import RxInput from '@/form/RxInput';
import RxNumber from '@/form/RxNumber';
import RxTextarea from '@/form/RxTextarea';
import RxCheckboxlist from '@/form/RxCheckboxlist';
import RxCombobox from '@/form/RxCombobox';
import RxRadiobuttonlist from '@/form/RxRadiobuttonlist';
import RxDate from '@/form/RxDate';
import RxAttachment from '@/form/RxAttachment';

在通过代码:

components: {
    RxInput,
        RxNumber,
        RxTextarea,
        RxCheckboxlist,
        RxCombobox,
        RxRadiobuttonlist,
        RxDate,
        RxAttachment,

2.解决办法

这个可以使用动态引入来实现。

做法添加一个动态应用的JS代码。

这段代码实现的是读取 form目录,并将组件进行注册。

require.context 方法参数说明:

参数1: 指定的目录
参数2:是否递归子目录
参数3:正则表达式,过滤需要读取的文件。

在使用的时候,直接 import 这个文件就好。

import "./includeCompoment";

极大的简化了代码,且不容易出错。

文档更新时间: 2021-09-02 10:25   作者:zyg