美文网首页
element ui 的Rate 组件在vue按需引用

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

作者: 阿克兰 | 来源:发表于2019-06-16 14:32 被阅读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

相关文章

网友评论

      本文标题:element ui 的Rate 组件在vue按需引用

      本文链接:https://www.haomeiwen.com/subject/fihgfctx.html