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 相关文章推荐
利用json获取字符出现次数的代码
Mar 22 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
jQuery中nextAll()方法用法实例
Jan 07 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
微信小程序表单验证功能完整实例
Dec 01 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
如何从0开始用node写一个自己的命令行程序
Dec 29 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 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
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
PHP实现适用于文件内容操作的分页类
2016/06/15 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
php解压缩zip和rar压缩包文件的方法
2019/07/10 PHP
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
详解如何较好的使用js
2016/12/16 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
2020/07/20 Javascript
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
python实现多线程行情抓取工具的方法
2018/02/28 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
python开发前景如何
2020/06/11 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
自荐信结尾
2013/10/27 职场文书
元宵节晚会主持人串词
2014/03/25 职场文书
代领毕业证委托书
2014/08/02 职场文书
高职教师先进事迹材料
2014/08/24 职场文书
综合办公室岗位职责
2015/04/11 职场文书
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python