最近在做着的这个项目发现了一些bug，当用户点击浏览器的前进和撤退的时候，上一页数据保存了下来并没有刷新页面，这样会出现很多奇奇怪怪的bug，我只希望用户通过按钮来跳转，然后就需要禁止浏览器的前进和后退1.main.js中，增加popstate监听// 禁止浏览器前进后退 另一部本在router的index.js中window.addEventListener('popstate', functi

需求是做一个通过web-view跳转公众号加粉的功能本地跑代码的时候是很正常的，但是部署到线上的时候，发现是打开是空白的，就感觉很奇怪，问题逐一排查发现了是因为本地勾选了解决方法就是：1.登录微信公众平台微信公众平台2.找到菜单中的开发管理3.点开发设置配置你的服务器域名和业务域名（都是同一个）4. 刷新小程序，成功显示内容...

深层次的嵌套有时候会导致el-input明明输入了数据，但是视图却没有刷新，但是console.log打印的值却是正常的解决方法：<el-input v-model="item1.title" @input="wallpaperInput" />增加@input事件，每次输入的时候触发方法method ：wallpaperInput() {this.$forceUpdate()}每次输

表格数据，后台返回的是数字，所以我们必须得把它转换成相对应的文字，而且要注意的是：我们传给后台的也是数字！！！手写了个demo：模拟一下，调用方法前的原图：数字看着就很懵逼代码：// 不经过任何操作的el-table<el-table :data="tableData" @selection-change="handleSelection" ><el-table-column t

项目需求其实很常见，就是平时的问号提示语就是这个问号，但是没有换行，视觉效果太差了如图：代码：<el-tooltip class="item" effect="dark" content="创建创意时从视频中自动抽取多帧图片优选生成封面，本方案无需手动上传图片" placement="top"><i class="el-icon-question smartTip">&lt

项目经常要写到el-input，type = number,这个时候遇到的箭头就很烦，它的鼠标滚动还会改变值就更烦了，如图：两种方法，第一种正常的写：解决方法：// 全局css 加上以下代码，可以隐藏上下箭头// 取消input的上下箭头input::-webkit-inner-spin-button {-webkit-appearance: none !important;}input::-we

项目需求，做一个普通的验证码倒计时，点击后禁止重复点击，倒计时结束后可以继续点击效果图：代码：<!-- html部分 --><van-button size="small" type="primary" :disabled="isSend" @click="countDown">{{codeName}}</van-button>data() {return {i

前端本地的模糊搜索原理其实很简单，我写的本地搜索只需要理解 indexOf,filter.这几个就可以了，还要加上监听每次input的触发方法，vue用@input。1.大概效果就是照着百度的搜索写的.2.首先点击输入框的时候，不输入的情况下先显示推荐内容.3.如果输入了内容则显示匹配了的搜索详情区域，如果没有匹配的内容则不显示搜索详情区域

今天做项目优化的时候，需要把某个页面的分为两个页面，然后就出现了这个错误这个问题不要慌，要么是打错字了，要么就是忘记传这个字段了（我算是粗心了吧，代码2000行，数据太多了），导致了在另一个页面没有找到这个value字段，因为懂问题所在，我的快速解决方法是直接ctrl+f 搜 .value 然后在另一个页面传过来就行了...

因为有的页面数据放在了同一个vue组建中，又因为开启了路由缓存，需要每次进入该页面的时候强制刷新一下页面，保证数据全部清空了，而且并不是每个页面去了都需要刷新，然后我方法methods: {flash(){this.$router.push('/home/ks')this.$router.go(0)// 第一种方法// window.location.reload(); // 第二种方法},}两个