vue.js 使用v-if v-else发现没有执行解决办法


Posted in Javascript onMay 15, 2017

使用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>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JS date对象的减法处理实现代码
Dec 28 Javascript
JavaScript 原型继承
Dec 26 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
jQuery$命名冲突怎么办如何解决
Jan 16 Javascript
基于jQuery实现点击弹出层实例代码
Jan 01 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
解决vue点击控制单个样式的问题
Sep 05 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
Mar 30 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
微信小程序实现录音功能
Nov 22 Javascript
AngularJs 常用的过滤器
May 15 #Javascript
Vue关于数据绑定出错解决办法
May 15 #Javascript
Jquery把获取到的input值转换成json
May 15 #jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 #jQuery
jQuery返回定位插件详解
May 15 #jQuery
一个可复用的vue分页组件
May 15 #Javascript
jQuery操作css样式
May 15 #jQuery
You might like
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php实现的树形结构数据存取类实例
2014/11/29 PHP
php查询ip所在地的方法
2014/12/05 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
加载 Javascript 最佳实践
2011/10/30 Javascript
js调用css属性写法
2013/09/21 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
给before和after伪元素设置js效果的方法
2015/12/04 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
jQuery实现6位数字密码输入框
2016/12/29 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
在Django框架中运行Python应用全攻略
2015/07/17 Python
python中子类继承父类的__init__方法实例
2016/12/15 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
对python中的argv和argc使用详解
2018/12/15 Python
python编写微信公众号首图思路详解
2019/12/13 Python
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
教师实习自我鉴定
2013/12/13 职场文书
电大毕业自我鉴定
2014/02/03 职场文书
争先创优心得体会
2014/09/12 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
解除同居协议书
2015/01/29 职场文书
介绍信样本
2015/01/31 职场文书
复兴之路观后感3000字
2015/06/02 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL