<el-select v-model="query.sectionNum" size="small" clearable placeholder="选择货架节数" style="width:70%"> <el-option v-for="item in sectionNumList" :key="item.id" :label="item.sectionNum" :value="item.sectionNum" /> </el-select> 如何让:label文本前后加上【】

你可以在 el-option 标签中使用模板字符串将 :label 绑定的文本前后加上【】符号，如下所示：

<el-select v-model="query.sectionNum" size="small" clearable placeholder="选择货架节数" style="width:70%">
  <el-option v-for="item in sectionNumList" :key="item.id" :label="`【${item.sectionNum}】`" :value="item.sectionNum" />
</el-select>

使用模板字符串将文本前后加上【】符号，可以通过 ${} 语法将 item.sectionNum 变量的值插入到字符串中，从而实现文本前后加上【】符号的效果。