vue.js 使用v-if v-else发现没有执行解决办法
更新时间:2017年05月15日 11:15:47 作者:Dear_Mr
这篇文章主要介绍了vue.js 使用v-if v-else发现没有执行解决办法的相关资料,需要的朋友可以参考下
使用v-if v-else发现没有执行
最近在学习Vue,因为刚开始学习,所以总会遇到这样那样的问题,今天要说的一个错误就是在看Vue的官方文档的时候,发现在使用v-if和v-else指令的时候,相应的内容都出现了
初始代码:
<div v-if="Math.random > 0.5"> " Math.random > 0.5 " </div> <div v-else> " Math.random <= 0.5 " </div>
显示的结果:
" Math.random > 0.5 " " Math.random <= 0.5 "
后来发现,我的这个是忘记了创建实例,每一个Vue应用都是应该创建实例的,所以修改后的代码如下:
<div id="test">
<div v-if="Math.random > 0.5">
" Math.random > 0.5 "
</div>
<div v-else>
" Math.random <= 0.5 "
</div>
</div>
<script type="text/javascript">
new Vue({
el : "#test"
})
</script>
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章
从0到1构建vueSSR项目之node以及vue-cli3的配置
这篇文章主要介绍了从0到1构建vueSSR项目之node以及vue-cli3的配置,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-03-03
element-ui中如何给el-table的某一行或某一列加样式
本文主要介绍了element-ui中怎么给el-table的某一行或某一列加样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-01-01
使用vuex的时候,出现this.$store为undefined问题
这篇文章主要介绍了使用vuex的时候,出现this.$store为undefined问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-06-06


最新评论