[配置]vue import * as *解决引入的组件名冲突问题

import {headerInfo,NavInfo,gasolineComment as commentInfo,gasolineService as tipsInfo,recommendInfo,} from ‘…/…/…/components’;

tom_wong666

15182人浏览 · 2019-05-02 20:16:36

tom_wong666 · 2019-05-02 20:16:36 发布

需求：

vue引入的子组件，需要以特定的名称才能被动态组件识别

实现：通过 import * as * 语法实现组件重命名

/*	template部分	*/
<component
  :is="selectedItem" />
  
/* script部分 */
import {
  mySpecialComponent as myComponent,
} from '../../../components';

data() {
  return {
  	selectedItem: 'myComponent',
  }
}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^