getElementClassNames
问题:getElementClassNames没有获得到那个class。原因:因为还没有加载完成,所以页面中没有这个class。console出来的就是一个undefined。
解决:可以通过setTimeout来实现。注意如果用setTimeout的话,this指向为window,this这个用法改天好好总结一下。
最大值的绑定
v-bind:data-numbox-max='item.USABLE_QTY'
这里有个问题,什么时候用{{}}什么时候用''
关于二维码的介绍
跳转总结
在原窗口下跳转
onclick = "window.location.href = 'a.html'"
在新的窗口中打开
window.open('a.html');
window.history.back(-1);//返回上一页
编码规范
这个总结得挺好,找时间看一下
设置textarea光标默认为第一行第一个字符
function onFirst(e, a) {
if (e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false;
a.focus();
}
}
axure画原形
onclick事件
onclick 事件会在元素被点击时发生。
当按钮被点击的时候执行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);