Vue中在template标签中进行判断时注意比较元素

  (一)比较的元素,一个是data元素,另外一个是常量,如下图所示:

  编译正常,运行正常,效果在期望中,会显示Hello World,结果如下:

  (二)比较的元素,一个是data元素,另外一个是const常量,如下图所示:

  编译正常,运行正常,效果在意料之外,不会显示Hello World。

  (三)比较的元素,两个都是data元素,如下图所示:

  编译正常,运行正常,效果在期望中,会显示Hello World,结果如下:

  将const常量赋值给data的一个元素,然后将它作为判断条件的一个元素,不能直接将const常量放在template中作为判断元素。

原文地址:https://www.cnblogs.com/bien94/p/12310638.html

时间: 2024-10-08 06:04:23

Vue中在template标签中进行判断时注意比较元素的相关文章

解决安卓manifest中的application标签中@android:style/Theme.NoTitleBar崩溃的问题

在安卓的activity创建的时候一般会有台头就是label首先是如何去掉的问题. 例如红色框框中的这个就是自带的label. 有两种方法: 一在mainfest的application标签中添加android:theme"@android:style/Theme.NoTitleBar".这是第一个. 二就是在每一个.java文件的oncreate的开头添加 this.requestWindowFeature(Window.FEATURE_NO_TITLE); 这两个都可以同时去掉.

C++ CEF 浏览器中显示 Tooltip(标签中的 title 属性)

在 Windows 中将 CEF 集成到 C++ 客户端以后,默认是无法显示 tooltip 的,比如图片标签中的 title 属性. 实现的方式其实很简单,按下面的步骤操作就可以: 创建一个文本文件,文件名为 app.manifest,内容如下,将这个文件放到源代码文件夹 <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <assembly xmlns="

关于在jsp页面中使用/struts-tags标签库的迭代器时,从ValueStack获取参数使用EL的问题

情况复原下: 通过valuestack存了个user,然后页面里可以${user.sex}拿到男.${user.sex=='男'}拿到ture 但是在使用 <s:if text="${user.sex=='男'}">报错   <c:if text="${user.sex=='男'}">可以用 分析: 我们都知道Struts2是对request进行增强了的,在getAttribute()无法获取数据时,会从ValueStack中获取. 那么用s

bootstrap中的动态加载出来的图片轮播中的li标签中的class=&quot;active&quot;的动态添加移除

//该方法是在slide改变时立即触发该事件, $('#myCarousel').on('slide.bs.carousel', function () { $("#myCarousel ol li").toggleClass("active");//重复切换类名“active” }); 遇到的问题:在动态加载出来的轮播中设置了加载时就开始轮播data-ride="carousel"图片可以轮播但是底下的li标签的class没有进行切换.而不加d

HTML中在a标签中添加onclick事件

1.链接的onclick 事件被先执行,其次是href属性下的动作; 2.假设链接中同时存在href 与onclick,如果想让href 属性下的动作不执行,onclick 必须得到一个false的返回值; 3.如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作.应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动; 4.如果在链接的 href属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替; 在Jav

动态修改母版页中的DIV标签中的LI的A的CLASS属性

这个知识点比较简单,只是关于转义方面,或什么时候用双引号,什么时候单引号老搞不清,特此备忘之用 <ul class="nav"> <!-- 实现点击当前页后,图片悬停在上面,如:点击首页,首页有图片效果,由于是母版页,每次点击都会刷新当前页面,因此用js无效 --> <!-- 此种方式必须有真实存在的地址才可调用 --> <li><a href="<%=Page.ResolveUrl("Index.aspx

HTML5中&lt;template&gt;标签的详细介绍

HTML5中<template>标签的详细介绍(图文) 这篇文章主要介绍了HTML5中的template标签,是HTML5入门中的重要知识,需要的朋友可以参考 一.HTML5 template元素初面 <template>元素,基本上可以确定是2013年才出现的.干嘛用的呢,顾名思意,就是用来声明是“模板元素”. 目前,我们在HTML中嵌入模板HTML,往往是类似这样的写法: 1 2 3 <script type="text/template"> /

在artTemplate的标签中使用外部函数的方法

第一步,声明函数,并将函数作为data对象的属性.例如: var resArray = new Array(); function beforeRender(data) { //addToArray为想在template的标签中执行的函数 var addToArray = function(id, rec){ resArray[id] = rec; }; data.addToArray = addToArray; } function submit(){ $.ajax({ type : "POS

用正则表达式抓取网页中的ul 和 li标签中最终的值!

获取你要抓取的页面 const string URL = "http://www.hn3ddf.gov.cn/price/GetList.html?pageno=1";            string htmlStr = null;            for (int i = 0; i < 10; i++)            {                try                {                    System.Net.Http