当前位置: 首页 > news >正文

el-input 回显怎么用符号¥和变量拼接展示?

展示姓名手机号拼接
展示符号和金额拼接
在这里插入图片描述

<el-form-item label="报名人" prop="formRowId"><el-input :value="formInfo.name + '(' + formInfo.phone + ')'" placeholder="报名人"></el-input></el-form-item><el-form-item label="报名费用" prop="formRowId"><el-input :value="'¥' + (parseInt(formInfo.payAmount) / 100)" placeholder="报名费用"></el-input></el-form-item>

在表格中展示
在这里插入图片描述

<el-table-column :prop="item.sign" :label="item.name" v-for="(item, index) in columnsList" :key="index":min-width="item.name == '订单编号' ? item.name.length * 50 : item.name.length * 40"><template v-slot="{ row }"><div v-if="item.name == '报名费'">{{ '¥' + row.sign }}</div><div v-else-if="item.name == '报名人信息'">{{ row.name + '(' + row.phone + ')' }}</div></template></el-table-column>
http://www.dtcms.com/a/281878.html

相关文章:

  • Spring Boot 解决跨域问题
  • Spring Boot - Spring Boot 集成 MyBatis 分页实现 手写 SQL 分页
  • 日语学习-日语知识点小记-构建基础-JLPT-N3阶段(5):语法+单词
  • Buffer Pool
  • css 如何实现大屏4个占位 中屏2个 小屏幕1个
  • Samba服务器
  • Git版本控制完全指南:从入门到精通
  • 网络编程/Java面试/TCPUDP区别
  • 基于spring boot养老院老人健康监护平台设计与实现
  • SFT:大型语言模型专业化定制的核心技术体系——原理、创新与应用全景
  • docker run elasticsearch 报错
  • JAVA面试宝典 -《分布式ID生成器:Snowflake优化变种》
  • 详解SPFA算法-单源最短路径求解
  • C++ - 仿 RabbitMQ 实现消息队列--sqlite与gtest快速上手
  • 基于springboot+vue的酒店管理系统设计与实现
  • 一叶障目不见森林
  • 身份证号码姓名认证解决方案-身份证三要素API接口
  • Apache IoTDB(1):时序数据库介绍与单机版安装部署指南
  • 更灵活方便的初始化、清除方法——fixture【pytest】
  • QT跨平台应用程序开发框架(9)—— 容器类控件
  • 城市守护者的蓝色印记
  • Qt小组件 - 5 图片懒加载样例
  • 【MAC】nacos 2.5.1容器docker安装
  • Python面向对象编程(OOP)详解:通俗易懂的全面指南
  • 高性能架构模式——高性能缓存架构
  • python的慈善捐赠平台管理信息系统
  • 【前端】在Vue3中绘制多系列柱状图与曲线图
  • rocky8 --Elasticsearch+Logstash+Filebeat+Kibana部署【7.1.1版本】
  • 阿奇霉素:长效广谱抗菌背后的药理特性与研发历程
  • 利用Java自定义格式,循环导出数据、图片到excel