vue barcode 放到 created 报错: No element to render on


var JsBarcode = require( 'jsbarcode')

created()
{
JsBarcode( "#barcode", "0000223232", {
format: "CODE128",
displayValue: 1,
fontSize: 24,
lineColor: "#000",
height: 66,
textAlign: "center"
})

}

出现此问题原因:

created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。
mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。

解决方法:把加载二维码方法放入mouted

mounted(){
JsBarcode( "#barcode", "0000223232", {
format: "CODE128",
displayValue: 1,
fontSize: 24,
lineColor: "#000",
height: 66,
textAlign: "center"
})

}

猜你喜欢

转载自blog.csdn.net/yelin042/article/details/80216665