uniapp引入使用elementUi库

关注

原创最新推荐文章于 2026-03-19 09:27:21 发布 3.4k 阅读 AI 写同款· GEO 优化 ›

uniapp中使用EelementPlus uniapp中有很多自带的UI，在创建项目的时候，就可以自由选择。而EelementPlus是一个前端的框架，主要是开发web的，其实他们是可以放在一起使用的，因为都是基于vue.js的。有了上面的操作，今后我们进行开发时，移动和网页的混合开发，就非常的方便，加上权限控制，想怎么显示，就怎么显示了。uniapp的强大是非常震撼的，一套代码可以编写到十几个平台。对比可见，颜色的主题还是不一样的，此时我们就完成了在uniapp中使用element-plus的操作。8.对于不同的平台，界面显示不同的控件。阅读详情

1.npm安装

npm i element-ui -S

2.完整引入Element

在 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 的引入。需要注意的是，样式文件需要单独引入。

3.使用element

<template>
  <view class="">
 <el-link type="success">成功链接</el-link>
  </view>
</template>

<script>
</script>

<style>
</style>

收录于

前端

html

标签

#javascript #vue.js #前端

【前端 Uniapp】使用Vant打造Uniapp项目（避坑版） Uniapp 是基于 Vue.js 的开发框架，通过一套代码可以同时发布到多个平台的应用框架。而 Vant 是针对移动端 Vue.js 的组件库。通过这样的组合，我们可以快速构建出一个跨平台的移动应用。Vant 已经支持多种小程序和 H5 平台，也对 Uniapp 实现了完美的支持。我们可以使用 Vant 提供的丰富的组件和功能，来快速开发一个漂亮、易用的移动应用。阅读详情

uniapp引入使用elementUi库

相关推荐