极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsbarcode/3.11.0/JsBarcode.all.js"></script>
</head>
<body>
<div id="app">
{{info.sites.bar}}
<canvas id="barcode1"></canvas>
</div>
<script>
var vm = new Vue
({
el : '#app',
mounted() {
_self=this;
axios
.get('./db.json')
.then(function(response){_self.info = response.data;_self.createCode("barcode1",info.sites.bar)} )
.catch(function (error) { // 请求失败处理
console.log(error);
});
},
data : {
info:{}},
methods:
{
createCode(s,k){
JsBarcode(s,k,{
format:"CODE128B",
width:3,
height:50})
},
},
});
</script>
</body>
</html>//db.json{"sites":{ "bar":"192001"}}
对象默认没有的字段vue不能监听，再说你这初始化的时候控制台不是应该报错的吗
试下data默认值这样子