uniapp element ui,uniapp可以引入elementui

　　我们在开始web开发的时候，经常会用到element或者uview-ui。以下文章主要介绍在uni-app中使用element-ui的方法以及错误解决的相关信息。有需要的可以参考一下。

　　uni-app的相关UI组件库中可能没有你想要的功能组件，自己开发要花很多时间。这时，我们可以将其他UI组件库安装到uni-app中来直接使用这个UI组件库的功能组件，例如，install element-ui。

　　uni-app使用element-ui需安装以下插件

　　npm i元素-ui -S

　　需要安装以下插件来按需引入组件

　　npm安装巴别插件组件D

　　当你安装了以上插件后，需要在main.js中介绍，比如介绍全部：

　　从“vue”导入Vue

　　从“element-ui”导入ElementUI

　　导入 element-ui/lib/theme-chalk/index . CSS

　　从导入应用程序。/App.vue

　　Vue.use(ElementUI)

　　新Vue({

　　埃尔： #app ，

　　render: h=h(App)

　　})

　　如果需要按需引入，需要安装以下插件：

　　npm安装异步验证程序@1.11.5

　　安装完成后，您需要配置。babelrc文件：

　　{

　　预设:[[es2015 ，{ modules: false }]]，

　　插件:[

　　[

　　成分，

　　{

　　libraryName: element-ui ，

　　样式库名称:主题-粉笔

　　}

　　]

　　]

　　}

　　当你完成了上面的步骤，你可能急于运行它，但是运行之后，你会发现你实际上报告了一个错误，例如：

　　找不到模块“core-js/library/fn/object/assign

　　此时，您需要安装这个插件：

　　npm安装异步验证程序@1.11.5

　　要把上面的直接引入main.js，下面是另一种引入方式：

　　在src文件夹中创建我们的元素文件夹，并在其中创建一个新的index.js文件。

　　写一些我们需要在索引文件中引入的组件。

　　//导入您需要的组件。

　　从“元素-ui”导入{选择，选项，选项组，输入，树，对话框，行，列}

　　常量元素={

　　安装：功能(Vue) {

　　Vue.use(选择)

　　Vue.use(选项)

　　Vue.use(选项组)

　　Vue.use(输入)

　　Vue.use(树)

　　Vue.use(对话框)

　　Vue.use(世界其他地区)

　　Vue.use(颜色)

　　}

　　}

　　导出默认元素

　　最后，文件被引入main.js

　　//css样式介绍

　　导入 element-ui/lib/theme-chalk/index . CSS

　　从导入元素。/element/index

　　Vue.use(元素)

　　这样更方便管理。

　　补充：uniapp使用element的问题

　　消息失效问题：

　　将报告错误：“错误”不是未定义的

　　我一直在踩坑…

　　解决方案如下：

　　在main.js中，挂载vue的实例：

　　Will Vue.use()

　　Vue.use(消息)；

　　Vue.use(通知)；

　　替换为：

　　vue . prototype . $ Message=Message；

　　vue . prototype . $ notify=Notification；

　　总结

　　关于在uni-app中使用element-ui的方法和错误解决方法的文章到此结束。有关在uni-app中使用element-ui的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。