- 博客(37)
- 收藏
- 关注
RSS订阅
原创 vue中computed的属性对data中的属性赋值为undefined的原因
场景：我在computed中return了一个值，然后在data中直接将它复制给另一个属性。结果data中的属性值为undefined…代码示例：timer为undefined…原因：在这里很容易想到是执行顺序的问题，computed中的属性和data中的属性最终都会加载到app这个实例下。如果data中的实例属性被创建完成的时候，computed中的实例属性还没被创建，很明显，在dat...
2020-04-14 10:45:37
8532
原创 纯原生JS写蒙版提示框，适配PC端和移动端
调用下面函数即可：mask () { if (document.getElementById("maskDiv")) { document.getElementById("maskDiv").style.display = 'block'; } else { //蒙版 var mask = document.createElement('div'); ...
2020-01-16 11:57:01
644
原创 谷歌浏览器模拟微信/QQ内置浏览器调试及js判断方法
模拟微信及QQ内置浏览器主要是通过判断浏览器的 UA 来进行区别。安卓 QQ 内置浏览器 UA:Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) > AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 > Chrome/37.0.0.0 Mobile Safari/53...
2020-01-16 11:44:36
4535
2
原创 Typescript系列(一)：TS入门教程之简介、安装、编译、监听
一个比java更script的语言，它是js的超集，它是Typescript。
2020-01-03 16:33:52
5542
1
原创 Vue报错:Unexpected console statement .(no-console)
在package.json中rules下加入**“no-console”:“off”**。如下图：
2019-12-16 16:29:39
3882
原创 vue在自定义组件中使用v-model
要想解释清楚v-model在自定义组件中的用法，我得先来看看普通的组件传值…一、普通的组件传值如下代码：这是一个简单的父子，子父传值示例父组件：<!-- parent --><template> <div class="parent"> 我是父组件：{{par}} <Child @givepar="formChild" ...
2019-12-12 19:04:35
4214
2
原创 iview分页组件二次封装
代码如下：父组件代码<template> <div> <Pager v-model="pageDto" @currentchange="changePage" @sizechange="changeSize" /> </div></template><script>import Pager from...
2019-12-12 16:34:30
4604
1
原创 iview菜单menu封装成二级菜单和无限级菜单
ivew的menu封装成二级菜单和无限极菜单demo中有注释，此处不赘述了github地址：二级菜单封装：<template> <div class='con'> <Menu :theme="theme2" style='width:240px;float:left'> <div v-for="(item,index)...
2019-12-11 17:40:27
5670
1
原创 报错Invalid attempt to spread non-iterable instance
此类报错多为扩展运算符报错。合并路由时候报错：检查发现：对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中从上面这句话可知，该报错是由于不可遍历导致的。所以我把代码改为…prrjectB.rutes后成功运行。...
2019-10-15 15:56:52
61759
5
原创 axios拦截器（请求拦截和响应拦截）
axios拦截器分为request请求拦截器和response响应拦截器。request请求拦截器：发送请求前统一处理，如：设置请求头headers等。response响应拦截器：有时候我们要根据响应的状态码来进行下一步操作。axios.interceptors.request.use(config => { config.interceptors = '请求拦截器' retu...
2019-10-11 18:53:20
9605
原创 邮箱/手机号等敏感信息掩码
代码： this.email =this.email.substr(0, 3) +"****" +this.email.substr(this.email.indexOf("@"), this.email.length);效果：
2019-10-11 18:28:18
5236
原创 三行CSS代码将Json格式化
方法如图，只需要在css中加入三行代码：white-space: pre-wrap;word-wrap: break-word;overflow: auto;效果：****另，一定要注意数据格式。****
2019-09-27 17:29:31
4669
1
原创 js/vue复制内容到粘贴板
使用****clipboard.js官网地址：clipboard.jsnpm方式：npm install clipboard --save直接引入：使用js引入。代码在组件中引入import Clipboard from "clipboard";封装函数： copy(val) { var clipboard = new Clipboard(`.${val}...
2019-09-27 16:44:35
3939
1
原创 常用正则总结
禁止为空：/^[\s\S]*.*[^\s][\s\S]*$/.test(val)邮箱格式：/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(val)六位数字验证码：/^\d{6}$/.test(val)密码格式(数字，特殊字符，英文任意两种)：/^((?![a-zA-z]+$)(?!\d+$)(?![!@#$+-/~.%^&*]+$)[a-...
2019-09-27 10:31:14
3622
原创 JS用两个数组中的值生成对象
var arr = [“我是key1”, “我是key2”, “我是key3”];var brr = [“我是value1”, “我是value2”, “我是value3”];var obj = {};for (var i = 0; i < arr.length;i++) {obj[arr[i]] = brr[i] } console.log(obj)}输出结果为： 封装：...
2019-09-12 10:04:57
4608
原创 vue-router报错:Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name的解决办法
更新：vue已经修改此bug。https://github.com/vuejs/vue-router/blob/dev/CHANGELOG.md装一下依赖包吧。以下为原文：原文参考链接：https://blog.csdn.net/weixin_43202608/article/details/98884620今天写项目遇到一个报错：Uncaught (in pro...
2019-09-04 20:40:54
7029
5
原创 vue-cli3打包后出现空白页的解决方案
在vue.config.js文件中加入如下配置：// 基本路径 // baseUrl: './',//vue-cli3.3以下版本使用 publicPath: './', // vue-cli3.3+新版本使用
2019-08-26 10:31:56
12422
4
原创 vue中模糊搜索keyup在中文输入法下输入英文无效的解决方法
keyup事件在中文输入法下输入英文，vue中对应的val属性值为空。控制台显示并没有获取到任何值，但是input中确实有字母。纳尼？说好的双向绑定呢？要解决这个问题可以采用watch+keyup事件的方法。watch首先可以解决keyup失效的问题，可以检测到值的变化。但是也因此产生了问题，当点击下拉列表里的问题输入进input框的时候，watch会再一次检测到值的变化，重复调用接口。...
2019-08-21 21:04:27
2733
原创 vue导航栏/公共组件在部分页面显示，部分页面不显示的方法及其原理
场景：导航条只在除登录注册以外的页面显示；公共组件在部分页面显示，部分页面不显示。方法：keep-alive结合$route.meta代码：APP.vue中：<template> <div id="app"> <div v-if="$route.meta.keepAlive"> <navTop></...
2019-08-21 20:42:14
13602
6
原创 vue项目使用proxy代理解决跨域及nginx配置
在vue.config.js中配置proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } }} target：接口域名；chang...
2019-08-20 18:30:52
7561
1
原创 vscode使用Ctrl+s保存按Eslint风格自动格式化js/vue/React代码（2020/03/04更新）
一、使用vscode下载四个插件：1、ESlint2、vetur3、Prettier - Code formatter4、Manta's Stylus Supremacy二、改配置，打开设置如下覆盖原来的代码：（有注释可根据个人喜好修改）{ "workbench.iconTheme": "vscode-great-icons", "terminal.integrated...
2019-08-19 20:39:35
13618
5
原创 vue组件传值
父传子首先，在父组件的页面中引入子组件。message为名字(随意取)，problemTitle为父组件里面的属性，即需要向子组件传的值。父组件中代码：<children :message="problemTitle"></children>子组件代码：props: ["message"] （不要写在data中）（message为在父组件中...
2019-08-19 20:28:41
234
原创 VUE中iframe结合window.postMessage实现跨域通信
什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage()方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数Document.domain设置为相同的值...
2019-08-02 19:34:59
8961
4
原创 VUE热更新
使用npm run serve运行完成以后，默认浏览器直接打开显示页面。 步骤如下： 1.在项目根目录下，新建名为 vue.config.js的文件。 2.写入：module.exports = { devServer : { hot:true, open : true, port : 8080, ...
2019-07-11 12:58:11
9747
原创 git新建分支并提交
从master或者其他分支上拉下来代码以后，创建自己的分支并且提交。步骤如下： 1.创建本地分支并切换到新创建的分支 命令：git checkout -b 新分支名 2.将新创建的分支信息推送到git  ...
2019-07-11 11:17:50
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人