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

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.xdnf.cn/news/15706.html

相关文章:

  • Golang 并发快速上手
  • (新手友好)MySQL学习笔记(完):事务和锁
  • 自学中医笔记(一)
  • NO.6数据结构树|二叉树|满二叉树|完全二叉树|顺序存储|链式存储|先序|中序|后序|层序遍历
  • MH32F103A单片机 可兼容替代STMCCT6/RCT6/RBT6,增强型
  • 【Android】TextView的使用
  • 大语言模型幻觉检测:语义熵揭秘
  • webpack将组件vue进行编译混淆,并能正常使用编译之后的文件
  • AR智能巡检:电力运维的数字化变革
  • Ansible 查看PostgreSQL的版本
  • 编译原理第四到五章(知识点学习/期末复习/笔试/面试)
  • 二重循环:输入行数,打印直角三角形和倒直角三角形
  • UE5 相机后处理材质与动态参数修改
  • 创建第二大脑的关键还是方法
  • xss-labs练习
  • Python+Selenium自动化
  • 创建linux端口映射连接小网
  • Vue2.x封装预览PDF组件
  • 观察者设计模式
  • 微服务引擎 MSE 及云原生 API 网关 2025 年 5 月产品动态
  • PXE实现Ubuntu,rockylinux,almalinux全自动安装
  • 第五届计算机科学与区块链国际学术会议(CCSB 2025)
  • MEF 在 WPF 中的简单应用
  • 多人协作游戏中,团队共同获取的装备如何确定按份共有或共同共有
  • 基于Llama的RAG 3种模型配置方法
  • Django REST Framework 入门指南:从 0 到 1 实现 RESTful API
  • Linux-局域网构建+VLAN 划分 + 端口 MAC-IP 绑定 + 静态 DHCP
  • Python 进阶学习之全栈开发学习路线
  • 如何删除 VSCode 账号的远程同步备份记录数据
  • 如何使用VScode使用ssh连接远程服务器不需要输入密码直接登录