工作中遇到select下拉选择框中展示的值存在‘&’字符时,会被框架转换为'&',如图。
解决方法:利用正则表达式在<option>选项中的label进行替换(不可以直接在 {{}} html取值模板中使用方法,会报错)
<select>
<option v-for="item in list" :label="item.name.replace(new RegExp('&','g'),'&')">
{{ item.name }}
</option>
</select>
使用replace方法进行正则替换可能会报错,但是页面效果可以实现。