vue
文章平均质量分 63
少年的范儿
努力、奋斗!!!
展开
-
搭建一个vue3+vant4+vite4+pinia 的移动端h5模板
通过 vue3、vant4、vite4、pinia等技术栈,搭建一个非常好用的移动端h5模板, 可用于实际业务的开发原创 2024-05-10 12:39:42 · 1847 阅读 · 2 评论 -
vue3+vite+ts项目中简单的二次封装axios
vue3+vite+ts 项目 简单的二次封装 axios 请求原创 2023-06-27 15:00:56 · 1017 阅读 · 4 评论 -
移动端H5封装一个 ScrollList 横向滚动列表组件
封装一个横向滚动列表,底部带有自定义的滚动条,同步内容滚动,一般用于首页菜单原创 2023-05-17 15:10:57 · 817 阅读 · 1 评论 -
vue3中使用 wx-open-launch-app 标签及解决控制台警告的问题
在移动端h5中如何正确的使用 wx-open-launch-app 标签原创 2022-08-19 10:41:36 · 2278 阅读 · 0 评论 -
在 vue 中基于 tinymce 封装的一个富文本编辑器组件
效果图过程安装对应的依赖 (最好指定版本) npm install tinymce@5.0.3 -S npm install @tinymce/tinymce-vue@2.0.0 -S安装依赖的版本不同,可能会出现奇奇怪怪的问题!!!在项目的 public 目录下新建 【tinymce】 文件夹,整体目录结构如下到 tinymce 官网去下载 汉化包 https://www.tiny.cloud/get-tiny/language-packages/将 解压后的文件夹 【l原创 2022-02-11 17:41:54 · 1076 阅读 · 4 评论 -
vuepress + GitHub 搭建一个在线文档
这是一个简易的配置,更复杂的配置还需前往vuepress官网进行配置 ,功能很强原创 2022-01-15 11:40:25 · 640 阅读 · 0 评论 -
vue 移动端中使用 vue-awesome-swiper 插件实现异形轮播
Vue 中使用 vue-awesome-swiper 插件实现异形轮播图原创 2021-12-08 11:40:21 · 2049 阅读 · 6 评论 -
h5唤起微信扫一扫
安装和使用npm install weixin-jsapiimport wx from 'weixin-jsapi'封装成一个方法import wx from "weixin-jsapi"// 获取签名的接口(wx.config 里面的几个参数)import { handleWxScanCode } from "@/api/tools" /** * 唤起微信支付 * 获取微信签名信息 * url: 当前扫码界面的url */const wxScanCode = (url).原创 2021-07-12 10:09:47 · 578 阅读 · 0 评论 -
九步完成 vue-admin-template 动态渲染路由
这里使用的是 vue-admin-template 这个模板。可以从官网下载 vue-admin-template(基础模板)和 vue-template-admin(集成方案) 这两个模板,对照这修改。链接1. 稍微整理一下页面修改后台的路由文件 src/router/index.jsexport const constantRoutes = [ { path: '/login', component: () => import('@/views/login/index'原创 2021-07-06 23:22:31 · 2238 阅读 · 9 评论 -
Vue基于Element-UI二次封装日期选择器和分页组件
封装日期组件 (在myDate.vue 文件中)<template> <div class="my-date"> <el-date-picker @change="handleChangeDate" v-model="selectDateValue" :value-format="formatDate" type="daterange" :align="align" unlink-panels原创 2021-03-23 12:07:26 · 841 阅读 · 0 评论