vue
怂叔
家贫人丑,一米四九,小学文化,农村户口
展开
-
移动端树形选择组件 -- 基于vant4+vue3 支持多选、单选、节点搜索
【代码】移动端树形选择组件 -- 基于vant4+vue3 支持多选、单选、节点搜索。原创 2023-07-24 10:48:56 · 4558 阅读 · 2 评论 -
基于vant4+vue3封装list列表组件,下拉刷新上拉加载空状态显示、取消请求
基于vant4+vue3封装list列表组件,下拉刷新上拉加载空状态显示、取消请求原创 2023-07-24 10:31:25 · 1075 阅读 · 0 评论 -
解决vue 加载时源码显示问题
当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。原创 2022-01-25 13:42:25 · 1900 阅读 · 1 评论 -
安卓 微信公众号 默认不操作拦截回退失败
let ua = navigator.userAgent;var isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1if (window.history && window.history.pushState) { if (ua.toLowerCase().indexOf('micromessenger') != -1 && isAndroid) { //安卓回退弹窗.原创 2021-11-18 10:52:30 · 2769 阅读 · 0 评论 -
axios 使用nodejs的http-proxy-middleware代理处理前端跨域问题
axios 使用nodejs的http-proxy-middleware代理处理前端跨域问题不使用脚手架原创 2022-01-15 09:26:15 · 571 阅读 · 1 评论 -
vscode 开发vue项目 需要安装的基础插件
1.Auto Close Tag2.Auto Rename Tag3.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code4.HTML CSS Support5.HTML Snippets6.JavaScript (ES6) code snippets7.Live Server8.open in browser9.Vetur10.VueHelper原创 2022-01-06 17:04:33 · 704 阅读 · 0 评论 -
vue3 + ts + swiper7 实现炫酷切换效果
vue3 + ts + swiper7 实现炫酷切换效果原创 2021-12-17 17:03:00 · 1589 阅读 · 0 评论 -
vue3 + ts 实现 滑块拼图验证
vue3 + ts 实现 滑块拼图验证原创 2021-12-17 16:41:28 · 1148 阅读 · 0 评论 -
vue3 + ts 实现图形验证码 支持数字加英文验证 纯数字或纯英文
vue3 + ts 实现图形验证码 支持数字加英文验证 纯数字或纯英文原创 2021-12-17 16:30:12 · 1646 阅读 · 1 评论 -
vue3 + ts + element-plus ref获取节点报错 Property ‘xxx‘ does not exist on type ‘HTMLElement‘
vue3 + ts + element-plus ref获取节点报错 Property 'xxx' does not exist on type 'HTMLElement'原创 2021-12-08 09:51:47 · 5737 阅读 · 0 评论 -
vant索引栏配合搜索,支持首字母查询
// 汉字拼音首字母列表 本列表包含了20902个汉字,用于配合 ToChineseSpellconst strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQB.原创 2021-12-03 17:22:36 · 2505 阅读 · 0 评论 -
git脚本,一键提交代码
git在开发中是经常都会使用的工具,可是通常的使用仍是直接经过几个简单的命令,例如:git add .git commit -m "..."git push origin master对于这种简单的步骤,咱们天天都会重复无数次,今天教你们一种方式,一键提交首先创建文件 push.sh# 确保脚本抛出遇到的错误set -e# 获取当前时间now=$(date "+%Y-%m-%d%H:%M")echo "正在上传博客源代码..."git initgit .原创 2021-12-01 10:57:34 · 796 阅读 · 1 评论 -
NavigationDuplicated: Avoided redundant navigation to current location: “/“. 解决路由重复点击
// 解决重复点击路由报错的bugconst originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}原创 2021-11-18 09:20:18 · 581 阅读 · 0 评论 -
获取url地址栏参数
getParameter(){ var url = location.search; //获取url中"?"符后的字串 var objParameter = new Object(); if ( url.indexOf( "?" ) != -1 ) { var str = decodeURI(url).substr( 1 ); var strs = str.split( "&" ); for ( var i = 0; i &l.原创 2021-10-29 11:37:43 · 277 阅读 · 0 评论 -
vue element-ui 导航栏动态加载 组件递归方式
Navigation.vue<template> <!--子级菜单--> <el-menu-item v-if="item.children && item.children.length === 0" :index="item.path"> <i :class="item.icon"></i> {{item.title}} </el-menu-item>原创 2021-10-28 14:46:05 · 684 阅读 · 0 评论 -
使用require.context实现前端工程自动化路由vue项目
require.context一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块在components/pages目录下定义文件,注:以这种方式生成路由的话,路由路径是以你文件名决定的,所以文件名要好好规划/** * @parms dire...原创 2021-10-25 16:36:26 · 390 阅读 · 0 评论 -
vuex模块化
目录结构index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// $store.state.user.userid// $store.commit("user/setUserId", 123456);// user 用户模块!!!import user from "./modules/user" export default new Vuex.Store({ modules: { .原创 2021-10-12 17:14:47 · 85 阅读 · 0 评论 -
axios封装
axios封装这里使用vant来做提示,如果要换成别的直接改相应代码即可request.js/**** request.js ****/// 导入axiosimport axios from 'axios'import Vue from 'vue'// 使用vant Notify做消息提醒import { Notify,Toast } from 'vant';//1. 创建新的axios实例,const service = axios.create({ // 公共接口原创 2021-10-12 17:05:04 · 211 阅读 · 0 评论