`${ }`遇到el-option v-for时想要输出做特殊处理

最新推荐文章于 2024-12-16 04:57:49 发布

cmdch2017

最新推荐文章于 2024-12-16 04:57:49 发布

阅读量453

点赞数

分类专栏： Java 文章标签： java vue.js elementui

本文链接：https://blog.csdn.net/weixin_43914278/article/details/121508372

版权

Java 专栏收录该内容

100 篇文章 0 订阅

订阅专栏

一、主要功能
ES6语法，可拼接字符串

二、示例代码


let a='watermelon';

let str=`I love ${a}, because it is fantastic.`;

alert(str);

弹出：I love watermelon,because it is fantastic.
三、可应用方向示例
当我们需要展示name+括号+code时，此时我们可以用上面学习的语法，输出结果如下图所示
在这里插入图片描述

 <el-form-item label="数据集" prop="datasetCode">
                    <el-select v-model="formQuery.datasetCode" clearable>
                      <el-option
                        v-for="item in distinctArr"
                        :key="`${item.datasetCode}-${item.datasetName}`"
                        :value="item.datasetCode"
                        :label="`${item.datasetName}(${item.datasetCode})`"
                      >
                        <span>
                          {{ `${item.datasetName}` }}<span class="fs-12 c-666">
                            {{
                              `(${item.datasetCode})`
                            }}
                          </span>
                        </span>
                      </el-option>
                    </el-select>
                  </el-form-item>
`