杨雪枫的博客

场景:首页(A)——>添加页(B): 不需要缓存，清空表单数据添加页(B)->添加详情页©: 需要缓存使用keep-alive的include结合vuex1.App.vue <keep-alive :include="kpAlive"> <router-view></router-view> </keep-alive> computed: { kpAlive() { retu

工作中常会遇到一些数据变化了，但是视图未更新的情况，自己写了一些demo简单测试了一下。 iShot2020-07-17下午02.08.22 <template> <div> <h1>yes 可以监听 no 不可以监听</h1> <div>nums:{{nums}}</div> <b

问题：根据id获取要编辑的内容后，有startTime和endTime拼接成日期范围选择器的初始值后，出现无法选中的问题，利用vue-devtools工具发现，值其实已经变化了，只不过视图没有更新。错误写法: this.formParams.actDateRange = [res.data.data.startTime, res.data.data.endTime];解决方法: let arr = [res.data.data.startTime, res.data.data.

先来效果图需求：每加一个场次新增一场活动，并添加验证规则关键代码部分: <el-form-item label="活动场次" prop="roundTimeList"> <el-button type="primary" icon="el-icon-plus" @click="addSession">添加活动场次</el-button> </el-form-item> &

重置表单数据this.searchForm = JSON.parse(this._searchForm);

先来效果图需求: 因为要对接读卡器，每次打开弹框都要点击卡号再把卡放上去，比较麻烦，所以想办法优化了一下avue代码htmljs

人名币转大写 filters: { //局部过滤器 toChies: function(n) { //形参 var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"]; var unit = [["元", "万"...

一：监听地址不对这种错就是监听地址不对。比如我是这样写的需要修改C:\Windows\System32\drivers\etc下面的hosts文件.可能会出现这种情况解决办法：https://www.playbeta.net/experience/12507.html保存成功后就可以成功跑起来了。...

在build 下的 utils.js中找到：if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', }) } else { return ['vue-style-loader...

先来效果图(不要在意样式 - - 丶):collapse.js:const elTransition = '0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out'const Transition = { 'before-enter' (el) { el.st...

需求：输入框中要把当天日期显示在输入框中，并且传给后台的日期格式是2019-06-12。（如交易数据）传给后台的时间格式为’2019-06-12’这样的格式，，这个很好实现，el-date-picker上添加value-format="yyyy-MM-dd"即可；本来以为element UI中default-value设置之后，可以直接在输入框中显示，测试之后无用。最后通过下面的方法实现效果...

<el-select v-model="" @change="selectNumber(scope.$index)" > <el-option v-for="item in addTableData" :key="item.equipment_id" :label="item.equipme...

html:&lt;!--返回顶部--&gt; &lt;div class="back-top" style="display: none;"&gt; &lt;img src="static/images/BackTop.png" /&gt; &lt;/div&gt;css:.back-top{position: fixed; right: 15%;

话不多说，先来效果图:要求是选择延期时，延期天数必填。 <el-form-item label="是否延期" prop="status"> <el-switch v-model="addForm.status" active-color="#13ce66" active-text="是"...

// 增加弹框addHandle(){ this.addVisible = true; // 清空表单 this.$refs.addForm.resetFields();},这样子写会报错需要使用nextTick// 增加弹框addHandle(){ this.addVisible = true; this.$nextTick(() => { //...

在vue项目中实现实时搜索功能的思路一般是：1、监听输入框的输入内容，通过emit将输入内容传递给实时搜索的父组件，同时触发父组件向服务器发送请求；2、实时搜索的组件在接收到服务器返回的数据后将其传递给子组件进行展示；下图是实时搜索功能的展示：在输入框中输入人名，下方实时展示与输入相匹配的结果。上面实现的实时搜索功能存在两个比较明显的问题：1、每输入一个字符，就向后端发一次请求。如下...