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

一、主要功能
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>
`