getElementClassNames
問題:getElementClassNames沒有獲得到那個class官卡。原因:因為還沒有加載完成蝗茁,所以頁面中沒有這個class。console出來的就是一個undefined寻咒。
解決:可以通過setTimeout來實(shí)現(xiàn)评甜。注意如果用setTimeout的話,this指向為window仔涩,this這個用法改天好好總結(jié)一下。
最大值的綁定
v-bind:data-numbox-max='item.USABLE_QTY'
這里有個問題粘舟,什么時候用{{}}什么時候用''
關(guān)于二維碼的介紹
跳轉(zhuǎn)總結(jié)
在原窗口下跳轉(zhuǎn)
onclick = "window.location.href = 'a.html'"
在新的窗口中打開
window.open('a.html');
window.history.back(-1);//返回上一頁
編碼規(guī)范
這個總結(jié)得挺好熔脂,找時間看一下
設(shè)置textarea光標(biāo)默認(rèn)為第一行第一個字符
function onFirst(e, a) {
if (e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false;
a.focus();
}
}
axure畫原形
onclick事件
onclick 事件會在元素被點(diǎn)擊時發(fā)生佩研。
當(dāng)按鈕被點(diǎn)擊的時候執(zhí)行javascript代碼
<buttton onclick ="myfun()">click me</button>
語法:
html
<element onclick="SomeJavaScriptCode">
javascript
object.onclick=function(){SomeJavaScriptCode};
加減bug的解決
一開始是加減號之后vue中的值沒有改變,解決的思路是通過原生javascript解決
html
<div class='mui-row'>
<div class='mui-col-xs-7 mui-col-sm-7'>剩余庫存:{{item.USABLE_QTY}}</div>
<div class='mui-col-xs-5 mui-col-sm-5'>
<div class='mui-numbox' data-numbox-step='1' data-numbox-min='0' v-bind:data-numbox-max='item.USABLE_QTY'>
<button class='mui-btn mui-numbox-btn-minus quantity-minus' type='button' id="reduceBtn">-</button>
<input class='mui-numbox-input goodNum' type='number' v-on:change="cal(index)" id="goodNum" >
<button class='mui-btn mui-numbox-btn-plus quantity-add' type='button' id="addBtn">+</button>
</div>
</div>
</div>
javascript修改后
var sendNum = document.getElementsByClassName('goodNum')[i].value;//直接通過原生取得這個值
console.log(sendNum);
reqWareHouseObj.send = sendNum;//將值賦值給對象
reqWareHouseObj.warehouseId = this.items[i].BATCH_ID;
reqWareHouse.push(reqWareHouseObj);