- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue项目 --- JSJDK微信分享朋友和朋友圈功能
1. 在index.html引入官方jdkhttps://res.wx.qq.com/open/js/jweixin-1.4.0.js2. 新建文件夹 weixin/wxjdk.js，代码如下importaxiosfrom'axios'exportdefault{wxShowMenu:function(){leturl=location.href;//获取当前页面地址axios.get('hyr/user/custo...
2021-09-09 16:12:12
576
原创 Vue3 --- vue-router4 编程导航
需求：简单实现登录页，点击登录按钮调转指定的页面1. import{useRouter}from'vue-router' // 页面引入路由2.setup(){constrouter=useRouter() // 定义路由 constlogin=()=>{ //点击登录按钮router.push('/home') // 实现路由调转 return{ }}...
2021-09-09 10:54:18
217
原创 Vue3 --- 使用vue-element-admin
1.下载 vue-element-admin，并启动官方：https://github.com/PanJiaChen/vue-element-admin2. 安装依赖npm install3. 启动npm run dev安装过程有些慢，别急！
2021-08-31 16:28:40
2710
原创 Vue文件在VsCode工具中红色波浪线的问题解决方法
在setting.json种添加"vetur.validation.template":false, //vue文件取消波浪线
2021-08-31 15:37:47
421
原创 Vite --- 创建Vue3项目
Vite 需要Node.js版本 >= 12.0.0。1. node -v查看node当前版本号2. npm方式 创建Vue3项目npm init @vitejs/app输入项目名称或者按enter使用默认名称：vite-project选择框架：vue或VueTs 看自己需求进入项目：cd 项目名称执行：npm install运行项目：npm run dev如果出现报错，管理vue模板校验：VSCode -> 设置 -> 取消勾选'Vetur&...
2021-08-31 13:58:23
106
原创 Vue3 --- 安装和使用echarts
1. npm安装 echartsnpm install echarts --save2. 引入Main.js中// 引入方式如下，否则报错import * as echarts from 'echarts'// 将 createApp(App) 封装let app=createApp(App);// 注册全局的方法app.config.globalProperties.$echarts = echarts;3. 使用 echarts 第一步给 echarts页面 准备一个宽
2021-08-27 16:37:13
506
原创 Vue3 --- axios 简单封装APi
1. get请求let base = ' ' ;const getRequest = (url,params) =>{return axios({ url: `${base}${url}`, method: 'get', params: params})}2. post请求const postRequest = (url,params) =...
2021-08-27 13:33:43
210
原创 Vue3 --- 在Main.js引入封装的axiosAPI 方法
1. import 引入 封装的axiosAPI 根据自己的文件名所在位置import {getRequest} from "./utils/api";import {postRequest} from "./utils/api";2.全局(每个实例) 添加公共方法let app=createApp(App);app.config.globalProperties.$getRequest = getRequest; //$get 为插件名字app.config.globalProp.
2021-08-27 13:26:22
855
原创 Vue3项目 --- Mock.js模拟数据测试
1. npm 安装Mock.jsnpm install mockjs2. Main.js中引入Mockimport Mock from 'mockjs'require('./mock')createApp(App).use(Mock).mount('#app')3. 在src目录下新建一个 mock目录并创建index.js文件，用来配置mock// 配置 mock 文件// 首先引入Mockconst Mock = require('mockjs');// 设置拦截.
2021-08-26 22:58:05
1759
2
原创 Vue3---安装axios
1. 安装axiosnpm install axios2.配合vue-axios使用npm install vue-axios --save3.在main.js中引入import axios from 'axios';import VueAxios from 'vue-axios'4. 注册使用createApp(App).use(VueAxios,axios).mount('#app')
2021-08-26 15:07:45
3537
转载 Vue3---vue组件库
1.vue-form-making基于vue和element-ui实现的表单设计器，使用了最新的前端技术栈，内置了 i18n 国际化解决方案，可以让表单开发简单而高效。项目地址：https://gitee.com/gavinzhulei/vue-form-making2.viewUIViewUI 是一套基于 Vue.js 的 UI 组件库，主要服务于 PC 界面的中后台产品。项目地址：https://gitee.com/icarusion/iview3.vue-cron基...
2021-08-26 12:38:15
2077
原创 Vue3---安装Element-Plus组件库
1. npm安装npm install element-plus --save2. 在main.js中引入以下内容import { createApp } from 'vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import App from './App.vue';const app = createApp(App)app.use(Element
2021-08-26 11:14:54
971
原创 解决Vue3创建项目后的Error: Cannot find module ‘vue-loader-v16/package.json‘问题
1.卸载vue-loader-v16依赖npm uninstall vue-loader-v162.使用cnpm安装vue-loader-v16依赖cnpm i vue-loader-v16最后npm run serve 重新启动项目
2021-08-25 15:45:41
584
原创 Vue---淘宝镜像cnpm---安装vue-cli
1. 淘宝镜像命令npm install -g cnpm --registry=https://registry.npm.taobao.org2. 安装vue-cli脚手架npm install -g @vue/cli3.vue-cli脚手架更新npm i -g @vue/cli4. 查看当前vue-cli版本号vue -V
2021-08-25 15:07:37
1140
原创 微信小程序---实现输入手机验证码功能
*** html部分<viewclass='container'><viewclass='main-title'bindtap="test">输入短信验证码</view><viewclass="sub-title">已向<textclass="phone">139****9999</text>发送验证码</view><viewclass="...
2021-08-25 14:27:39
1452
原创 微信小程序---实现弹窗效果
第一步：点击按钮触发弹窗事件<buttonclass="btn"bindtap="btn">按钮</button>*** css样式.btn{position:fixed;bottom:0;left:0;}*** jsbtn(){letdelshow=!this.data.delshowconsole.log(delshow)this.setData({de...
2021-08-25 10:07:18
5536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人