直接來干貨，記錄問題過程霍掺，備忘
<template>
<el-select v-model="0" class="filter-item">
<el-option :key="0" label="頂級" value="0" />
<el-option v-for="item in list" :key="item.id" v-html="item.name" :label="toBlank(item.name)" :value="item.id" />
</el-select>
</template>
<script>
export default {
methods: {
//把 轉(zhuǎn)成空格實體
toBlank(str){
let data = encodeURI(str);
data = data.replace(/ /g,'%20');
return decodeURI(data);
},
}
}
</script>
這里主要用到了v-html, 如果只用v-html只能解決 option中的顯示問題魄衅，無法解決選中后input中的顯示。這里自己找了一個方法toBlank改含，暫時解決了。本人后端開發(fā)迄汛，剛接觸vue捍壤，如果處理的不合適請大神指點
企鵝號:420026004 有問題大家可以交流
