iview - 带中划线的组件，比如i-col,i-button,Menu-item,如何单独导入呢？

问题描述

问 题

import iCol from 'iView/src/components/iCol';
import iButton from 'iView/src/components/iButton';
import MenuItem from 'iView/src/components/menu-item';

这都是不行的。

解决方案

i-col i-button默认是支持的 https://github.com/iview/ivie...

import Menu from 'iview/src/components/menu';

{
  MenuItem: Menu.Item,
}

根据评论的补充，评论不支持代码高亮

import Vue from 'vue'
import VueRouter from 'vue-router'

// 组件中并没有提供install的方法
import Button from 'iView/src/components/button';
import Menu from 'iView/src/components/menu';


import 'iview/dist/styles/iview.css'

import Index from './components/index.vue'
import Routes from './router.js'

const router=new VueRouter(Routes);

// install的方法无非是实现以下代码
Vue.component('MenuItem', Menu.Item);
Vue.component('iButton', Button);

// 其他的业务代码自己添加

这篇关于iview - 带中划线的组件，比如i-col,i-button,Menu-item,如何单独导入呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！