1、window.onresize 互相覆蓋的問(wèn)題
①
window.onresize = this.chart.resize
...
beforeDestroy() {
window.onresize = null
},
②
window.addEventListener('resize', () => this.chart.resize(), false)
...
beforeDestroy() {
window.removeEventListener('resize', () => this.chart.resize(), false)
},
2眷唉、路徑相關(guān)
//比如當(dāng)前路徑是home
this.$router.push({path:'name'})//==>path為/home/name
this.$router.push({path:'/name'})//==>path為/name
3予颤、vuedraggable
安裝
npm install vuedraggable
引入
import draggable from 'vuedraggable'
<draggable :list="list">
<transition-group>
<div v-for="element in list" :key="element.id">
{{element.name}}
</div>
</transition-group>
</draggable>
屬性：
list：效果同value囤官。（type：array；default：null蛤虐。）
option：
①group：用于分組党饮，同一組的不同list可以相互拖動(dòng)。（type：String/Array驳庭。）
②draggable：定義哪些列表單元可以進(jìn)行拖放刑顺。（type：Selector。）
4饲常、CSS 寬高度百分比數(shù)減去固定像素值的辦法（例：100%-20px）
height:calc(100% - 20px);
注意：減號(hào)兩邊一定要打空格蹲堂，不然會(huì)失效
5、js判斷對(duì)象是否為空對(duì)象的幾種方法
①
var data = {};
var b = (JSON.stringify(data) == "{}");
②
var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true
③
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true
6贝淤、阻止事件冒泡
xxx(e) {
e.stopPropagation()
},
