Vue之日常踩坑记
在我们使用Vue框架的时候,我们不免会遇到各种各样的问题,话不多说。我们直接扔出我们的问题
1. JSON对象数据值拷贝
先JSON.stringify() 转为json字符串, 再JSON.parse() 转为json数组
方法缺点:
-
如果你的对象里有函数, 函数无法被拷贝下来
-
无法拷贝copyObj对象原型链上的属性和方法
2.JSON对象数据按某列的值排序(可选正序/倒序)
function compare(attr, rev) {
// 第二个参数没有传递或者为True时 升序排列
// 第二个参数没有传递为False时 降序排列
if (rev === undefined) {
rev = 1
} else {
rev = rev ? 1 : -1
}
return function(a, b) {
a = a[attr]
b = b[attr]
if (a < b) {
return rev * -1
}
if (a > b) {
return rev * 1
}
return 0
}
}
3.vuex值发生变化页面不刷新
//错误实例 json对象一直有key时刷新新增key时不刷新,看人品
SET_INFOS: (state, userInfo) => {
if (JSON.stringify(state.userInfo) === '{}') {
state.userInfo = userInfo
} else {
for (var key in userInfo) {
state.userInfo[key] = userInfo[key]
}
}
},
//可行实例 重新定义变量
SET_DBS: (state, DbSetting) => {
if (JSON.stringify(state.dbss) === '{}') {
state.dbss = DbSetting
} else {
state.dbss = Object.assign({}, state.dbss, DbSetting)
}
}
由于时间仓促,错误与疏忽之处在所难免,希望各位朋友们以邮件的形式反馈问题给我,再次表示感谢!
- 作者:xmlwch
- 原文链接:https://blog.xmlwch.cn/2021/08/25/html/question2.html
- 版权声明:本作品采用 知识共享 署名-相同方式共享 4.0 国际(CC BY-SA 4.0)许可协议 进行许可,转载无需与我联系,但请注明出处。