- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue-cli3打包后出现空白页的解决方案
在vue.config.js文件中加入如下配置：// 基本路径 // baseUrl: './',//vue-cli3.3以下版本使用 publicPath: './', // vue-cli3.3+新版本使用
2019-08-26 10:31:56
12466
4
原创 vue中模糊搜索keyup在中文输入法下输入英文无效的解决方法
keyup事件在中文输入法下输入英文，vue中对应的val属性值为空。控制台显示并没有获取到任何值，但是input中确实有字母。纳尼？说好的双向绑定呢？要解决这个问题可以采用watch+keyup事件的方法。watch首先可以解决keyup失效的问题，可以检测到值的变化。但是也因此产生了问题，当点击下拉列表里的问题输入进input框的时候，watch会再一次检测到值的变化，重复调用接口。...
2019-08-21 21:04:27
2806
原创 vue导航栏/公共组件在部分页面显示，部分页面不显示的方法及其原理
场景：导航条只在除登录注册以外的页面显示；公共组件在部分页面显示，部分页面不显示。方法：keep-alive结合$route.meta代码：APP.vue中：<template> <div id="app"> <div v-if="$route.meta.keepAlive"> <navTop></...
2019-08-21 20:42:14
14084
7
原创 vue项目使用proxy代理解决跨域及nginx配置
在vue.config.js中配置proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } }} target：接口域名；chang...
2019-08-20 18:30:52
7719
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
13694
5
原创 vue组件传值
父传子首先，在父组件的页面中引入子组件。message为名字(随意取)，problemTitle为父组件里面的属性，即需要向子组件传的值。父组件中代码：<children :message="problemTitle"></children>子组件代码：props: ["message"] （不要写在data中）（message为在父组件中...
2019-08-19 20:28:41
250
原创 VUE中iframe结合window.postMessage实现跨域通信
什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage()方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数Document.domain设置为相同的值...
2019-08-02 19:34:59
9615
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人