工具集合
1、uni.showModal使用
uni.showModal({
title: '提示',
content: '您已参加并通过本次考试,是否再次进行考试?',
cancelText: "取消", // 取消按钮的文字
confirmText: "开始考试", // 确认按钮文字
showCancel: true, // 是否显示取消按钮,默认为 true
confirmColor: '#f55850',
cancelColor: '#39B54A',
success: (res) => {
if(res.confirm) {
this.gotoPage('/pages/course/testview?cid=' + this.id)
} else {
console.log('else', res)
}
}
})
2、js将整个数组中的数组格式化成字符串
//如获取的数据为var a=[100,200];想输出的结果为“100,200”
则:var b=a.join(",");
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
3、将数组转为json字符串
var item = [1,2,3]
JSON.stringify(item)
4、数组的方法中那些会改变原数组呢?
不会改变原来数组的有:concat()---连接两个或更多的数组,并返回结果。
every()---检测数组元素的每个元素是否都符合条件。
some()---检测数组元素中是否有元素符合指定条件。
filter()---检测数组元素,并返回符合条件所有元素的数组。
indexOf()---搜索数组中的元素,并返回它所在的位置。
join()---把数组的所有元素放入一个字符串。
toString()---把数组转换为字符串,并返回结果。
lastIndexOf()---返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
map()---通过指定函数处理数组的每个元素,并返回处理后的数组。
slice()---选取数组的的一部分,并返回一个新数组。
valueOf()---返回数组对象的原始值。
--------------------------------------------分割线----------------------------------------------------
会改变原来数组的有:pop()---删除数组的最后一个元素并返回删除的元素。
push()---向数组的末尾添加一个或更多元素,并返回新的长度。
shift()---删除并返回数组的第一个元素。
unshift()---向数组的开头添加一个或更多元素,并返回新的长度。
reverse()---反转数组的元素顺序。
sort()---对数组的元素进行排序。
splice()---用于插入、删除或替换数组的元素。
5、chooseMessageFile的使用
// 关于使用uniapp写微信小程序上传图片时获取到上传图片的原文件名并且判断上传的图片是否重名
// 上传图片
newOpticalCableUploadIMG() {
uni.chooseMessageFile({
success: chooseImageRes => {
const tempFilePaths = chooseImageRes.tempFiles;
// 检测上传的图片名是否重复
let repeatImg = this.uploadImg.find(item => {
return item.name == chooseImageRes.tempFiles[0].name;
});
if (repeatImg == undefined) {
uni.uploadFile({
url: 'https://www.example.com/upload', // 上传路径
filePath: tempFilePaths[0].path,
name: 'file',
formData: {
user: 'test'
},
success: uploadFileRes => {
let temporaryImg = JSON.parse(uploadFileRes.data);
this.uploadImg.push({ name: chooseImageRes.tempFiles[0].name, url: temporaryImg.data[0].data.url });
}
});
} else {
this.msgType = 'error';
this.message = '图片名称重复';
this.open();
}
}
});
}
6、Vue中,$forceUpdate()的使用
https://blog.csdn.net/y521123y/article/details/106257818