vue element 项目, 针对第三方js库的优化 cdn引入vue.js,出现界面有些内容无法加载

根据所用的版本 在index.html中引入vue.min.js
图片描述

在webpack.base.conf.js下得externals添加vue
图片描述

完全一样的代码,将<el-button>写在table里面就不行,table外面就可以
图片描述
图片描述

如果在main.js中import vue,去除externals、cdn引入 就会正常加载

请教一下是我哪里用的不对吗???

阅读 6.6k
3 个回答

通过npm查看了当前使用的vue版本,elementUI版本,vuex版本,发现与index.html中引用的版本不一致导致的(注:npm查出的版本与package.json中不一致)。本来是解决build之后vendor.js加载过慢问题,index.html引入之后加载速度问题已解决

没有贴出代码不好做评价;
但是从截图上来看,这并不是引入element的问题,而是代码不规范。 因为从倒数第二章图可以看出,表格上面的查询按钮是正常显示。

你可以尝试最小模块法进行调试,就是重新建一个demo,去掉其他引用和代码,只保存一个<el-button>,看是有可以正常显示

ps:
一个好的提问应该包含一个可以查看demo或者代码

请问哪些第三方cdn比较好用呢

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题