采坑池
大杯美式不加糖
前端
展开
-
vue-awesome-swiper 设置 loop:true 失效
开始用本地数据,轮播正常;后来用接口数据,就不能循环轮播了。页面渲染的时候,数据未加载完成。当确保获取到数据后,再显示 swiper。方法2、computed(该种方式更优雅,将逻辑性的代码写到computed)和方法1 的原理是一样的,只是避免更多的逻辑直接写在 template 中。方法3、init 初始化 swiper 组件先获取到 swiper实例,拿到数据后再初始化 swiper实例。...转载 2022-07-07 09:56:25 · 443 阅读 · 0 评论 -
elementUi 中的 el-autocomplete 组件不显示下拉框中建议的值怎么解决
明明按照官方文档的例子稍微改造了一下,但是下拉框中的内容就是出不来,什么问题??解决方法:这个 value-key 属性的默认值是 value,你的键名不一定是叫value,改成你自己对应的就可以了。...原创 2022-03-31 15:22:27 · 2988 阅读 · 0 评论 -
解决 Vuex 报错 [vuex] unknown mutation type: XXXX
页面中这么存值,结果报错了 this.$store.commit('SET_FORM', this.ruleForm)解决方法:可能项目中 store 是分模块写的,所以在调用模块里的办法时,要在办法名前加上模块名更改为:this.$store.commit('user/SET_FORM', this.ruleForm)...原创 2022-01-06 10:04:56 · 6273 阅读 · 1 评论 -
elementUI 表单检验报错:this.$refs[xxx].validate is not a function
一般是因为表单嵌套循环了,可以控制台打印一下 this.$refs[xxx] ,你会发现输出的是一个数组,因此也应该循环输出:for (let i = 0; i < XXX.length; i++) { this.$refs[formName][i].validate((valid) => { callback(valid) })}这里的 formName 是字符串形式的你的表单的名字,XXX是对应嵌套循环那个数据列表数组的名字。...原创 2021-12-09 17:35:43 · 2539 阅读 · 0 评论 -
Vue 中使用 lodash 节流与防抖函数时丢失 this 的问题
首先应明确一个有关 vue 中使用 lodash.js 的点,当我们想使用防抖( _.debounce )和节流( _.throttle )这种函数的时候:import _ from 'lodash'export default { methods: { handlerClick () { _.throttle(func, 3000) } }}这么写的话,调用 handleClick 方法后是不起效的,应改成下面的写法???? methods: { handleCl原创 2021-11-19 14:25:41 · 2209 阅读 · 0 评论 -
mpvue 中的数据格式过滤
问题: 后端返回的时间字段类似为 "createDate": "2021-05-06 16:39:07" ,在前端页面上需要计算与当前时间的差异,根据差异的具体数值显示xx分钟前、xx小时前、xx天前等等,如下图所示:很容易想到使用 filters 来过滤:<div class="time">{{ menuItem.createDate | formatTime }}</div><script>export default { filters: {原创 2021-11-05 13:23:28 · 261 阅读 · 0 评论 -
复制微信好友发来的代码
复制微信好友发来的代码到编译器上需注意,空格要删掉自己重新打,微信对空格有编码处理原创 2021-07-30 11:30:35 · 5977 阅读 · 0 评论