数组中删除指定的对象
deleteSelect(item, array) {
let index = array.indexOf(item)
if (index !== -1) {
array.splice(index, 1)
}
}
判断对象是否为空
checkNullObj (value) {
if (value !== undefined && value !== null) {
if (Object.keys(value).length === 0) {
return false
}
return true
}
return false
}
判断数组是否为空
checkNullArray (value) {
if (value !== undefined && value !== null) {
if (value.length === 0) {
return false
}
return true
}
return false
}
判断string
isStringNull (value) {
return (value === null || value === undefined || value === '' ? '' : value)
}
模糊查询
var _this = this;
var NewItems = [];
this.middleData.map(function(item) {
if (item.name.search(_this.centreInput) != -1) {
NewItems.push(item);
}
});
console.log(NewItems);
Vue Router的params和query传参的使用和区别
1.使用params传参只能用name来引入路由,即push里面只能是name:’xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined
2.使用query传参使用path来引入路由,使用name也可以
3.params是路由的一部分,必须要在路由后面添加参数名。query是拼接在url后面的参数
4.二者还有点区别,直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示
//params传参 使用name
this.$router.push({
name:'test',
params: {
id:'20180822'
}
})
//params接收
this.id = this.$route.params.id ;
//query传参,使用name跳转
this.$router.push({
name:'test',
query: {
queryId:'20180822' }
})
//query传参,使用path跳转
this.$router.push({
path:'second',
query: {
queryId:'test'
}
})
//query传参接收
this.queryId = this.$route.query.queryId;
flex布局实现不换行且不挤在一起效果
// 父级div (不换行,但会显示滚动条)
.parents{
display:flex;
}
// 子级div
.child{
flex-shrink:0;
}
英文单词换行,只对英文起作用,以字母作为换行依据
word-break: break-all;
前端js获取数组的最后一位
1. array[array.length - 1]
2. array.pop()
对象的深拷贝
Object.assign({},this.obj)
数组的深拷贝
let newArr = array.concat()
文本添加省略号
单行文本省略添加如下css
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
删除对象中指定的key
delete(obj["key"]);
flex布局下实现右对齐
<div style="margin-left:auto;"></div>
加载图片报403错误
getImages( _url ){
if( _url !== undefined ){
let _u = _url.substring( 7 );
return 'https://images.weserv.nl/?url=' + _u;
}
}
拆分 汉字 和 数字的字符串
numStr() {
var reg1 = /(\d{1,3})+(?:\.\d+)?/g // 鉴别数字
var reg2 = /[\u4e00-\u9fa5]{2,}/g // 鉴别汉字
var str = '77是哪国人23很方便不接电话个4657834.58人民币'
var arr1 = str.match(reg1)
var arr2 = str.match(reg2)
console.log(arr1,'111',arr2); // ["77", "23", "4657834.58"] "111" (3) ["是哪国人", "很方便不接电话个", "人民币"]
},