//css
<picker mode="selector" :value="index" :range="animals" @change="changeAnimal">
<text>{{animals[index].text}}</text>
</picker>
//js
const animals = [
{value:1, text:''}, //显示狗的图标
{value:2, text:''}, //显示猪的图标
{value:3, text:''} //显示羊的图标
];
以上需求，需要将unicode编码的图标正常在下拉框中显示出来，请问如何实现？
zhangjihao (作者)
不是这个意思，我需要将图标显示在下拉框选项中，而不是<uni-icon>组件中。
const animals = [
{value:1, text:'\'}, //显示狗的图标
{value:2, text:'\'}, //显示猪的图标
{value:3, text:'\'} //显示羊的图标
];
2024-09-19 08:42
套马杆的套子
回复 zhangjihao: 你说的是uni-data-picker，但是看你的代码却是picker 。
如果是picker ，就更简单，直接在你的<text>旁边再加个uni-icon就完事了。
如果是uni-data-select，还是得需要到组件里，找到下拉出来的文字的地方，增加个uni-icon也完事了啊，在uni-data-pickerview里
2024-09-19 08:52