vue各种字符串拼接

时间:2025-03-20 11:30:14

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

  <template v-if="userList">
              <div v-for="(item,index) in userList" :key="index">
                {{+'('++')'}}
              </div>
 </template>
<el-option
                v-for="item in projectList"
                :key=""
                :label='`${}-${}(${})`'
                :value=""
              >
              </el-option>
:ref="`user${index}`"

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

 <el-option
                  v-for="item in tableData"
                 :key=""
                 :label= '`${}${}`'
                 :value=""
                 :height = "schoolHeight">
               </el-option>
 <el-submenu v-show=" > 0" :index=""  :class='`menu${}`'>
 <span :class="{ red: originData[`${}ChangeFlag`] }">{{  }}</span>

 3、js中的字符串拼接:

(item => {
           = `${}(${})`;
        });
this.$bus.$emit(`${}-reload`, );
switchStatus(row) {
      this.$({
        title: '提示',
        content: `是否确认切换状态为${ === 1 ? '否' : '是'}?`,
        onOk: () => {
           =  === 0 ? 1 : 0;
        }
      });
    },