Creator自带的UI控件已经不能满足我的需求了,想使用element-ui前端界面框架,请问怎么引入呢?
element-ui文档里面的引入示例代码如下:
完整引入
在 main.js 中写入以下内容:
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
以上代码便完成了 Element 的引入。需要注意的是,样式文件需要单独引入。
那么在编辑器插件开发时怎么引入了?目前想到的就是用html script标签和link外部样式表引入,应该有更好的引入方式吧,而且是一次引入,同个插件的多个面板都可以使用。
直接在面板的style里面使用下面的标签引入,但是还是不行:
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
报错如下:
具体使用方式如下:
插件面板的 index.js 引用了“index.html”和“index.css”文件
另外问下,Creator中,Vue.js的版本是 v1.0.28吗?我看到的是这个版本:


