js零碎小知识点总结 (持续补充~)

在iframe里刷新父页面（实现F5效果）

parent.location.reload()

 

JS根据需求取出数组中符合的某一项

例如 : 

var arr = [
     {a:1,b:2,c:3},
     {a:11,b:22,c:33},
     {a:111,b:222,c:333}   
]

var obj = arr.find(function(msg){
    return msg.a == 11
})
console.log(obj) //-------->   {a:11,b:22,c:33}

 if括号里多个值用逗号隔开是什么意思

if(a=='这是a',b=2,c='str',d){
     //执行内容 
}

//如上其实只要看if括号里逗号隔开的最后一项即可，最后的d才是真正的判断语句
//如若成立则执行大括号里的内容，反之则不执行，而d前边的种种
//其实只是赋值而已，上面的写法其实和下边是一个意思
var a,b,c,d //先定义，上边的写法也应在之前就定义
a=='这是a'
b = 2
c = 'str'
if(d){
    //执行内容
}

 

 遍历对象，删除所有值为null的项

var obj = {
     a:'1',
     b:'1',
     c:'',
     d:'1',
     e:'',
  }
            
var removePropertyOfNull = function(obj){
       Object.keys(obj).forEach(item=>{
            if(!obj[item])  delete obj[item]
       })
       return obj;
}
console.log(removePropertyOfNull(obj)) //------------->{a: "1", b: "1", d: "1"} 

 

 element实现table的跨页多选

//在表格中设置row-key属性，并将该属性设置为当前渲染数据的json中的唯一标识（比如id之类)
//在使用 reserve-selection 功能的情况下，该属性必填。

//在表格的多选框行中设置reserve-selection属性，当reserve-selection属性为true时，数据更新之后保留之前选中的数据。
<el-table ref="multipleTable" :data="reportList" @selection-change="handleSelectionChange" row-key="bridgecode">
    <el-table-column type="selection" :reserve-selection="true"></el-table-column>
</el-table>


<script>
method:{
    handleSelectionChange(val) {
        //这个val是所有已选中的json的数组
        this.multipleSelection = val;
    },
}
</script>

 js如何识别后端返回的“↵”，然后在富文本里让其换行

//后台传过来一个“↵”,怎么让它在此处换行呢

//其实 "↵"就是"\n" 换行符

str.replace(/\n/g, "<br/>");

 

Vue+element

当将一个form表单使用如下方法清空后，如果表单的内容无法输入了，不要慌~是因为表单xxx里的数据没有在data里初始化配置，其他的情况雷同。

this.$refs['xxx'].resetFields()