1.seajs这种规范下 怎么去使用elementui?(已配置vue);
我的代码下现在会报错,现在贴上我的代码
seajs的config:
seajs.config({
base: '../../static',
paths: {
'general': 'lib/general',
'widget': 'widget',
'css':'css'
},
alias: {
'vue': 'lib/vue/V2.5.16/vue.min',
'vue-router':'lib/vue/plugins/vue-router',
//这里配置了elementUI
'element-ui':'lib/vue/plugins/element/index',
'main':'lib/vue/main',
// seajs plugins
'seajs-css': 'lib/seajs/css/seajs-css',
'seajs-text': 'lib/seajs/text/seajs-text',
'seajs-log': 'lib/seajs/log/seajs-log',
'seajs-debug': 'lib/seajs/debug/seajs-debug',
// md5.min.js
'md5': 'general/md5.min',
// base
'jquery': 'general/common/jquery/2.1.3/jquery',
'swiper': 'general/swiper/3.0.6/swiper',
'nprogress': 'general/nprogress/0.2.0/nprogress',
'qs': 'general/url/qs/2.3.3/queryString',
'twbsPagination': 'general/paging/twbsPagination/1.2.5/jquery.twbsPagination',
'daterangepicker':'lib/daterangepicker/1.3.17/daterangepicker',
'moment':'lib/moment/2.9.0/moment',
'lodash-full': 'general/lodash/4.17.4/lodash.full.min',
// mock
'mock': 'general/mock/mockjs/0.1.8/mock',
'mockjs': 'general/mock/mockjs/1.0.0/mock',
},
vars: {},
/** start:java replace **/
// 此处代码段每次系统重启后会重写时间戳的值
map: [
//['.css', '.css?v=' + new Date().getTime()],
//['.js', '.js?v=' + new Date().getTime()]
//['.hbs', '.hbs?v=' + new Date().getTime()]
],
/** end:java replace **/
preload: [
'md5',
'seajs-css',
'seajs-text'
//'seajs-log'
],
debug: false,
charset: 'utf-8'
});
某个模板.hbs(公司用的这种,不是html)下:
<div class="accreditedInstitution">
<!--一大段HTML代码删掉不看-->
<!--这里用了elementui-->
<el-button @click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
<p>Try Element</p>
</el-dialog>
</div>
然后是这个模板的js文件,是这样的:
define(function (require, exports, module) {
require('lib/vue/plugins/element/index.css#');//这个是elementui的css
var Vue = require('vue');
var elementUI = require('element-ui');//这个是elementui的js
Vue.use(elementUI);//use会报错 错误信息在下面
var nprogress = require('nprogress');
require('css/member/accredited_institution.css#');
require('widget/choose-address/choose-address');
require('widget/bal_select/bal_select');
//下面的只展示结构 内容都删掉了
var accredited_institution = Vue.extend({
template: require('widget/member/accredited_institution.hbs'),
data: function () {
return {
}
},
filters: {
},
beforeCreate:function(){
},
computed: {
},
mounted: function () {
},
methods:{
},
});
exports.accredited_institution = Vue.component('accreditedInstitution', accredited_institution);
});