We are in vue, and many data are obtained asynchronously. If we use it directly in template, an error will be reported and undefined.
Because the data obtained after rendering first, how can we not report an error?
computed!!!
Give an example
Ignore the way of passing on ginseng that cheats people. . .
created(){
()
('/wanwei/appserver/eqInfo/eqBaseInfo?reqjson={"eq_code":"BJTE1W03011SF001SBQDGPXTGYKG001"}').then((res) => {
this.$nextTick(()=>{
this.$ =
})
})
},
Get the data at creation time and store it in the store
This is the only way to write to join the page
<ul>
<h3 class="tit">Specification information</h3>
<li>
<span class="key">Device Idiomatic Name</span>
<span class="val">{{equipData.convent_eq}}</span>
</li>
<li>
<span class="key">Device name</span>
<span class="val">{{equipData.eq_name}}</span>
</li>
<li>
<span class="key">Specifications and models</span>
<span class="val">{{}}</span>
</li>
<li v-if="show">
<span class="key">Purchase price</span>
<span class="val">{{equipData.cost_purchase}}</span>
</li>
</ul>
You can write this, with the computed property. When the equipData changes, the page will be automatically rendered. If the data is not retrieved, it is empty by default, so there will be no errors.
computed:{
equipData:function () {
return this.$||''
}
},
The above method of rendering the data obtained by Vue asynchronously Axios to the page is all the content I share with you. I hope you can give you a reference and I hope you can support me more.