vue element中input限制只能輸入正整數(shù)
@input="(val)=>{textVal = val.replace(/[^\d]/g, '')}"
vue input 只允許輸入整數(shù)匠童、整數(shù)和小數(shù)（保留小數(shù)點(diǎn)后兩位）
<el-input size="small" onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/)" onafterpaste="this.value=this.value.match(/\d+\.?\d{0,2}/)"
v-model="scope.row.agentPrice" maxlength="9"></el-input>
<!--input只允許輸入整數(shù)-->
<el-input size="small" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
v-model.number="scope.row.quantityNum" maxlength="9"></el-input>
在vue中下載圖片 ——文章適用于下載字符流圖片
<div class="link-wrapper" @click="download">下載</div>
download() {
this.getUrlBase64(‘此處傳入圖片鏈接’).then(base64 => {
let link = document.createElement('a')
link.href = base64
link.download = 'qrCode.png'
link.click()
})
},
getUrlBase64(url) {
return new Promise(resolve => {
let canvas = document.createElement('canvas')
let ctx = canvas.getContext('2d')
let img = new Image()
img.crossOrigin = 'Anonymous' //允許跨域
img.src = url
img.onload = function() {
canvas.height = 300
canvas.width = 300
ctx.drawImage(img, 0, 0, 300, 300)
let dataURL = canvas.toDataURL('image/png')
canvas = null
resolve(dataURL)
}
})
},
