element ui 的Rate 组件在vue按需引用

2019-06-16  本文已影响0人  阿克兰

npm i element-ui -S 首先在main.js中

import Vue from 'vue';
import App from './App';
import router from './router';
import axios from 'axios';
// import ElementUI from 'element-ui';   这些是全部引用
// import 'element-ui/lib/theme-chalk/index.css';
// Vue.use(ElementUI);
import { Rate } from 'element-ui';  // 引用
Vue.use(Rate);

npm install babel-plugin-component -D 然后,将 .babelrc 修改为:

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

其他组件html中就可以这样使用了

  <el-rate v-model="value"></el-rate>  //value是score数值

https://element.eleme.cn/#/zh-CN/component/quickstart

上一篇 下一篇

猜你喜欢

热点阅读