javascript - 使用vue.js 绑定数据,加载页面时都会先显示{{ message }},在显示数据
本文介绍了javascript - 使用vue.js 绑定数据,加载页面时都会先显示{{ message }},在显示数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
使用vue.js 绑定数据,加载页面时都会先显示{{ message }},在显示数据.
请问有什么好的办法解决吗?
-------------------------html--------------------------------
<span class="titles" v-if="hasload">{{ news_title1 }}</span>
--------------------------js-----------------------------
new Vue({
el: '#news_banner_a',
data: {
news_title1: dataArr[0],
news_title2: dataArr[1],
news_title3: dataArr[2],
news_title4: dataArr[3],
url1: urlArr[0],
url2: urlArr[1],
url3: urlArr[2],
url4: urlArr[3],
imgPath1: imgPathArr[0],
imgPath2: imgPathArr[1],
imgPath3: imgPathArr[2],
imgPath4: imgPathArr[3]
},
methods: {
hasload: function(dataArr) {
// console.log(dataArr[0]);
if(dataArr[0].length >= 4) {
return true;
} else {
return false;
}
}
}
});
解决方案
1.可以添加v-cloak
<span class="titles" v-cloak v-if="hasload">{{news_title1}}</span>
2.可以将内容写到template中
<script type="template/vue" id="title">
<span class="titles" v-if="hasload">{{news_title1}}</span>
</script>
3.用v-text
这篇关于javascript - 使用vue.js 绑定数据,加载页面时都会先显示{{ message }},在显示数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文