- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue中style scoped属性的作用和原理以及scoped穿透
vue中style scoped属性的作用和原理以及scoped穿透
2022-07-01 18:10:47
16997
5
原创 【Web前端问题】vue判断input没值的时候让button不能点击，有值的时候能够点击
Web前端问题】vue判断input没值的时候让button不能点击，有值的时候能够点击
2022-06-23 18:35:23
1226
原创 解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
问题描述：重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能视而不见。解决方案：方案一：只需在 router 文件夹下，添加如下代码：// src/router/index.jsVue.use(Router)const router = new Router({ routes}) const VueRouterPush = Router.prototype.pushRouter.prototype.push = function push (to) { return V
2022-04-07 18:24:57
1232
2
翻译 TypeError: this.getOptions is not a function (安装的是stylus，sass)
TypeError: this.getOptions is not a function (安装stylus)出现问题场景：vue运行项目过程中报错今天用webpack打包项目，安装了less-loader模块之后报错，如下图：原因： less-loader安装的版本过高解决方案：1.删掉原来的 npm uninstall stylus-loader2.重新安装低版本的 npm install stylus-loader@3.0.2 --save-devsass:检查代码中并无写
2021-12-23 17:21:23
227
翻译 TypeError: Cannot read properties of undefined (reading ‘matched‘)“错误
TypeError: Cannot read properties of undefined (reading ‘matched‘)“错误解决方法：把import Router from "./router"中的Router改成小写router的就行了，以及下边的所有Router都改成小写的。即：
2021-12-23 17:07:20
9672
转载 Vue笔记——搭建脚手架并快速创建Vue项目
一、准备工作1. 安装node.js和npmVue的脚手架是依赖于node.js的，所以无论是安装新版本还是旧版本，我们都要安装node.js。我们可以直接到node.js官网下载，然后像安装普通软件一样安装node.js。npm(node package manager)是node的包管理工具，我们在后面主要是使用npm来搭建脚手架和安装一些常用的组件。node.js成功安装之后，npm一并安装成功，这个时候我们可以打开cmd窗口，输入 node -v 和 npm -v 来查看node.js和
2021-12-20 10:09:16
309
转载 用vue-cli搭建vue项目
把手教你用vue-cli搭建vue项目本篇主要是利用vue-cli来搭建vue项目，其中前提是node和npm已经安装好，文章结尾将会简单提到一个简单的例子。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，所以其中的一些步骤说法为了表达正确会进行一定参考。一、 项目使用技术、框架简单介绍我们使用vue-cli来搭建整个项目，vue-cli就是一个脚手架，步骤很简单，输入几个命令之后就会生成整个项目，里面包括了webpack、ESLint、babel很多配置等等，省了很多事。根据小高之前
2021-12-14 14:39:40
7182
原创 前端控制 隐藏手机号码中间四位
前端控制 隐藏手机号码中间四位正则var reg = getRegExp(’^(\d{3})\d{4}(\d{4})$’)return item.replace(reg, “$1****$2”)隐藏邮箱：只显示@前面的首位和末位：s.replaceAll("(\w?)(\w+)(\w)(@\w+\.[a-z]+(\.[a-z]+)?)", “$1****$3$4”))......
2021-10-27 16:48:37
753
原创 axios拦截器
axios拦截器解决用户过了一段时间就需要重新登陆优化代码的方案在main.js里面写入axios拦截器引入拦截器// 添加响应拦截器axios.interceptors.response.use(function (response) { // 对响应数据做点什么 return response; }, function (error) { // 对响应错误做点什么 return Promise.reject(error); });改写成箭头函数
2021-03-25 20:24:37
120
翻译 axios
安装http协议库（axios）方式一 黑窗口npm intall axios注意：需要在发送请求的页面 引入axiosimport axios from “axios”方式二 git窗口vue add axios登录验证1- 请求指定接口地址http://ceshi5.dishait.cn/admin2- 获取到登录表单中的数据【用户名 密码】3- 请求成功4- 请求失败如果用户登录失败，返回响应对象err.response 并且判断错误码是否为true,则提示错误信息
2021-03-24 13:41:38
147
原创 计算属性computed
计算属性 computedcomputed(多个值变化，影响到一个结果) 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。他是函数主要当作属性来使用，逻辑简单。computed是属性调用，而methods是函数调用computed带有缓存功能，而methods不是computed可以监控对象，而methods不是computed:{//前面的数值变化影响到结果---》get 'fullname':function(){ return this.firstname+this
2020-12-15 16:32:45
786
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人