vue各种字符串拼接

女爷i 2022-11-27 05:23 359阅读 0赞

1、文件绑定\{ \{\}\}中的字符串拼接：直接在\{ \{\}\}内拼接：

<template v-if="userList">
                  <div v-for="(item,index) in userList" :key="index">
                    {
       {item.userName+'('+item.userAccount+')'}}
                  </div>
     </template>

<el-option
                    v-for="item in projectList"
                    :key="item.pNo"
                    :label='`${item.name}-${item.managerName}(${item.managerAccount})`'
                    :value="item.pNo"
                  >
                  </el-option>

2、vue标签属性绑定中的字符串拼接：写法有两种：:title="\`字符串$\{xx\}\`"   或   :title="'字符串' + xx"  都可以。其中，\{\}里面可以写js方法。如：

<el-option
                      v-for="item in tableData"
                     :key="item.account"
                     :label= '`${item.name}${item.account}`'
                     :value="item.account"
                     :height = "schoolHeight">
                   </el-option>

<el-submenu v-show="item.childList.length > 0" :index="item.id"  :class='`menu${item.id}`'>

<span :class="{ red: originData[`${item.value}ChangeFlag`] }">{
       { item.text }}</span>

3、js中的字符串拼接：

this.personList.forEach(item => {
              item.label = `${item.userName}(${item.account})`;
            });

this.$bus.$emit(`${this.activeName}-reload`, this.searchData);

switchStatus(row) {
          this.$Modal.confirm({
            title: '提示',
            content: `是否确认切换状态为${row.isDelete === 1 ? '否' : '是'}？`,
            onOk: () => {
              row.isDelete = row.isDelete === 0 ? 1 : 0;
            }
          });
        },

发表评论取消回复

表情：

评论列表（有 0 条评论，359人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java字符串操作：各种拼接，替换，分割操作的实例分析

在Java中，字符串是编程中最基本的数据类型之一。下面我们将通过实例来分析Java字符串的各种操作。 1. 拼接（String concatenation）： ```jav

深藏阁楼爱情的钟/ 2024年09月15日 21:54/ 0 赞/ 63 阅读

相关 vue字符串拼接的多种方法

![9387f2a0cd194b5a97ad2bf426b6e93f.jpeg][] 在 vue项目中，我们可以使用多个不同的方法来拼接字符串。今天我们就来介绍一下

╰半夏微凉°/ 2023年10月10日 23:50/ 0 赞/ 59 阅读

相关 Python字符串拼接（包含字符串拼接数字）

![d0c583d3163eaa415d53252fe37383d5.png][] 在 Python 中拼接（连接）字符串很简单，可以直接将两个字符串紧挨着写在一起，具体格式

阳光穿透心脏的1/2处/ 2023年10月07日 22:53/ 0 赞/ 95 阅读

相关 java拼接字符串(Java集合拼接字符串)

什么是java格式化字符串格式化是根据业务需要进行的。像时间字符串或者特殊意思的ID，对他们进行格式化后能更方便的进行比较、转换或者理解。而格式化就是根据特定的格式进行

喜欢ヅ旅行/ 2023年09月25日 08:24/ 0 赞/ 102 阅读

相关 vue动态绑定src加字符串拼接

关键点 1.img中的src的字符串动态拼接 2.style中的background属性赋值一.img中的src的字符串动态拼接 1.问题是

忘是亡心i/ 2023年07月06日 10:29/ 0 赞/ 28 阅读

相关 vue各种字符串拼接

1、文件绑定\{ \{\}\}中的字符串拼接：直接在\{ \{\}\}内拼接： <template v-if="userList">

女爷i/ 2022年11月27日 05:23/ 0 赞/ 360 阅读

相关 uni-app vue拼接字符串

![在这里插入图片描述][202106191704489.png] [202106191704489.png]: /images/20221005/229393f0efda

梦里梦外;/ 2022年10月08日 02:22/ 0 赞/ 292 阅读

相关字符串拼接

最近在研究《javascript高级程序设计》中，有一段关于字符串特点的描述，原文大概如下：ECMAScript中的字符串是不可变的，也就是说，字符串一旦创建，他们的值就不能改

àì夳堔傛蜴生んèń/ 2022年06月02日 00:19/ 0 赞/ 383 阅读

相关 Java拼接字符串拼接双引号

Java拼接字符串拼接双引号 String sql = "<![CDATA[<?xml version="1.0" encoding="utf-8"?>";

忘是亡心i/ 2021年10月23日 09:13/ 0 赞/ 1223 阅读

相关字符串拼接

public class K { public static void main(String[] args) { //+

古城微笑少年丶/ 2021年09月22日 23:10/ 0 赞/ 712 阅读