我對 Vue.js 比較陌生，試圖基于此自定義選擇菜單創(chuàng)建一個(gè) Vue 組件，并希望為每個(gè)列表項(xiàng)添加一個(gè)離子圖標(biāo)。通常，我可以使用以下行在 Vue.js 中創(chuàng)建圖標(biāo)（使用相關(guān)的導(dǎo)入圖標(biāo)）：<component class="icon" :is="name-of-icon"></component>但是，我試圖復(fù)制的自定義選擇菜單隱藏了默認(rèn)select元素，并動(dòng)態(tài)添加了具有自定義 CSS 樣式的自己的元素。因此，以下不是解決方案，因?yàn)樗笪沂褂媚J(rèn)樣式select：<option v-for="option in options" :value="option">     <component class="icon" :is="icon"></component      <p>{{ option }}</p>     </option>相反，我嘗試在設(shè)置圖標(biāo)樣式時(shí)使用 jQuery 添加圖標(biāo)。將上述筆中的 jQuery 放入一個(gè)方法中style()：<template>    <select>        <option v-for="option in options" :value="option">            {{ option }}        </option>    </select></template><script>    import MdPersonIcon from 'vue-ionicons/dist/md-person.vue'    export default {        name: 'custom-select',        components: {MdPersonIcon},        methods: {            style() {                $('select').each(function () {                    // rest of code from pen here                    for (let i = 0; i < numberOfOptions; i++) {                        let option = $('<li />', {                            rel: $this.children('option').eq(i).val()                        });                        let text = $this.children('option').eq(i).text();                        let $icon = $('<component>', {                            'class': 'icon',                            ':is': 'md-person-icon',                        });                        let $label = $('<p>', {                            text: text                        });                        $icon.appendTo(option);                        $label.appendTo(option);                        option.appendTo($list);                    }                    // rest of code from pen here                });            }        },        mounted() {            this.style();        }    }該組件已替換為 ionicon。但是，檢查元素顯示組件未被替換：<component class="icon" :is="md-person-icon"></component>我不太清楚為什么會(huì)這樣。我知道我不應(yīng)該嘗試混合使用 jQuery 和 Vue，但我目前想不出另一種方法來創(chuàng)建自定義選擇菜單 Vue 組件。