显示属性值但属性值为0则显示为空的插值语法三元表达式？

最新推荐文章于 2024-11-16 14:11:26 发布
最新推荐文章于 2024-11-16 14:11:26 发布
阅读量199 收藏
点赞数
文章标签： javascript 三元表达式 属性 插值语法 0
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42220130/article/details/131342741
版权

<div>标签中显示item.testLevel的值，但是如果item.testLevel为0，则显示为空。

这里使用了一个三元运算符，判断item.testLevel是否为0，如果是，则显示空字符串’'，否则显示item.testLevel的值。如果这样还是没有起作用，那么可能是item.testLevel的值不是0，你可以在代码中打印一下item.testLevel的值，检查一下。

提示：item.testLevel===undefined、null、''、0、false 也显示为空 如果你还想过滤字符串'0' 就把===严格相等条件换成==相等

<div class="list-row_content">{{item.testLevel === 0 ? '' : item.testLevel}}</div>
weixin_42220130
关注
vue elementui 校验 空字符串和0 会相等 解决问题
qq_42309765的博客
07-13 1463
elementUI inputt输入框限制可输入0，但在表单提交时会被校验住 原因是 在代码中 0 = 空字符串 ，所以导致输入0后无法提交！！ var str = ''; if(str==0){ console.log('打印了'); } 解决方法 1.String() //把值转换为字符串 var str = ''; if(String(str)==0){ consoel.log('false') }else{ console.log('true') }...
三元表达式判断控制插值表达式里面的内容
OnismYY的博客
11-19 1276
<!-- 绑定支管 {{ props.item.branchValveName }}--> <!--如果内容为空，显示无，如果传递过来的内容不为空，展示内容--> <td class="text-xs-left">{{ props.item.branchValveName=="" ? "无" : props.item.branchValveName }}</td> <!-- 绑定主水泵{{ props.item.mainPumpName }} --&gt
html5——前端笔记
qq_48721706的博客
09-02 2953
html笔记
三元表达式的坑
heerey525
04-12 1563
情况： 0?0:"" //结果为"" 在控制台输出看看 是的，没错在三元表达式中，如果该值为0，那么如果要想等于他本身的话，会变为空。 即： var a=0; a?a:"" //a为"" 原因是 三元表达式的含义：条件?真结果:假结果 （例子： a?true:false） 也就是条件将会转换为布尔值，为真（true）返回真结果，为假（false）返...
Vue02基础语法-插值+过滤器+计算属性+计算属性
全栈
10-17 662
努力是为了不平庸~Vue.js 使用了的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom，结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。这是一种基于字符串的模板技术,以字符串和数据为输入,通过用正则表达式将占位符替换为所需数据的方式,构建出完整的 HTML 字符串。1.1 插值。
vue 插值表达式 与 指令
d_rui的博客
05-03 1828
一 、插值表达式 作用: 数据渲染语法 { { } }注: 中间可以写 算术运算 三元运算 拼接 不能写 分支 循环 声明变量 且 不能是data之外的自定义变量 二、vue指令 1. v-bind 用来 动态绑定标签上的属性值 语法: <元素 v-bind : 属性名1 = "值1" v-bind : 属性名2 = "值2"></元素> 简写 <元素 :属性名1 = "值1" :属性名2 = "值2">...
Vue.js--插值与表达式
吴声子夜歌的博客
10-08 1480
使用双大括号(Mustache语法) "{{}}"是最基本的文本插值方法，它会自动将我们双向绑定的数据实时显示出来，例如： <div id="myApp">{{str}}</div> <script> var app = new Vue({ el: '#myApp', data: { str: '测...
Vue3.x基础-3.插值表达式
Delete_89x的博客
10-26 1079
插值表达式： 说起插值表达式，可能有的都觉得不太熟悉，但是又听说过，自己也有印象，它也有另一个名字叫字面量，“Mustache”语法 (双大括号) 就是我们看到的{{msg}}这种东西。 msg标签的对应着Vue组件实例里data中某个变量的值，当绑定组件实例上的msg property 发生了改变，插值处的内容也会被更新。 首先在data中定义一个变量： data: { msg: "678" } 这种语法不能使用在标签里，也就是不能作为标签的属性来写，如下的写法是错误的。 <div cl
vue--插值表达式{{}}
sinat_34896766的博客
01-09 523
表达式：是可以被求值的，JS引擎会将其计算出一个结果，渲染到页面中。c、不能在标签属性中使用{{}}利用表达式进行插值，渲染到页面中。a、使用的变量必须在data中存在。{{}}插值表达式是一种 Vue 的模板语法。b、表达式中不支持写语句。
【小程序的 插值表达式，渲染判断，绑定事件以及分享】
YcintaL0203的博客
07-22 1739
小程序的插值语法，条件渲染，小程序的绑定事件和小程序的分享功能提示以下是本篇文章正文内容，下面案例可供参考。
vue模板语法-插值详解
08-31
但需要注意的是，每个绑定都只能包含单个表达式，所以下面不会生效:// 这句是语句不是表达式 {{var a = 1}}// 流控制也不会生效，请使用三元表达式 {{if(ok){return message}}}。 模板表达式沙盒 模板表达式都被...
React的基本使用-JSX、创建视图、插值、条件输出、列表循环、属性表达式
此鱼非闲鱼也的博客
06-29 800
React基本使用 React是用于构建用户界面的 JavaScript 库。 React的特点： 以声明式编写 UI，可以让你的代码更加可靠，并且更方便调试。 组件逻辑使用 JavaScript 编写而不是模版，可以轻松地在应用中传递数据，而且使状态与 DOM 分离。 还可以使用 Node 进行服务器渲染，或者使用 React Native 开发原生移动应用。 ReactDOM ReactDOM 提供了与浏览器交互的 DOM 功能， 比如：dom 渲染 ReactDOM.render(element,
跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
zhzijun的博客
11-13 434
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
如何编译 Cesium 源码
ismartcube的博客
11-13 1101
通过以上步骤，您可以成功地从 GitHub 上下载 Cesium 源代码并在本地进行编译。对于开发人员来说，编译 Cesium 源码有助于定制功能，或者调试某些问题。如果您只是想使用 Cesium 进行开发，而不需要编译源代码，您也可以直接从 CDN 或下载预构建版本进行使用。编译的 Cesium 版本可以直接在您的应用中引用，或者部署到 Web 服务器上，供其他用户访问。提供一个高效、兼容、优化的数据转换工具，一站式完成数据转换、数据发布、数据预览操作。
从零开始快速构建Vue3项目
欧唯薇
11-13 886
是目前最推荐的方式来创建 Vue 3 项目，因为它速度快，配置简洁，并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`，你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node（兼容新旧项目环境），则需要使用nvm来进行node多版本管理，下载并安装。2、若出现某个依赖安装报错，可以npm install --ignore-scripts，最后再来单独安装报错的依赖。
【Node.js】Node.js 和浏览器之间的差异
最新发布
佚名程序员
11-16 819
Node.js 是一个基于 Chrome V8 引擎构建的开源 JavaScript 运行时，它使开发者能够在服务端运行 JavaScript 代码。Node.js 提供了高效的事件驱动和非阻塞 I/O 模型，广泛应用于构建快速、可扩展的网络应用。核心特性单线程：使用事件循环机制实现并发。非阻塞 I/O：适合高并发应用。模块化：采用 CommonJS 模块系统。浏览器是前端开发的主要运行环境。其核心任务是解析 HTML、CSS 和 JavaScript，并呈现网页内容。
Vue常用加密方式
m0_51431448的博客
11-13 150
消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。
Nuxt2和Nuxt3 对于SEO优化的区别
书山有路_邓
11-14 560
nuxt
Mock.js生成随机数据，拦截 Ajax 请求
gklcsdn的博客
11-13 1190
Mock.js提供了一个Mock.mockurl：要拦截的请求 URL，支持字符串或正则表达式。method：请求类型，比如"get""post"，不区分大小写。data：要返回的模拟数据格式。定义数据结构：通过 JSON 模板定义结构，并使用占位符生成随机数据。拦截请求：通过Mock.mock拦截指定的 URL 请求。自定义生成规则：通过 Mock.js 的占位符生成丰富的数据类型，包括字符串、数值、数组、日期、图片等。模拟延迟：使用Mock.setup模拟网络延迟。
vue3插值三元表达式
06-10
在 Vue3 中，插值三元表达式的语法与 Vue2 中基本相同，只是在绑定数据时需要使用新的语法。例如，我们可以这样使用插值三元表达式： ``` {{ isShow ? '显示内容' : '隐藏内容' }} ``` 其中，isShow 是我们在 Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值