移动端苹果IOS中select的option值不显示问题解决
遇到一个问题就是最原始的select标签在安卓手机上显示正常,但是在IOS苹果高版本上点击select,在页面上有占位,随便点击也可以将值选在文本框中,但是内容不显示,直接留白
1:这种情况发生于高版本的IOS系统中,然后观察了一下请选择和动态加载的option有什么区别,就是动态加载的值只用label绑定了,option标签中间并没有写值,于是,在iphone手机中,这些动态的option值没显示出来,但是实际是存在的,于是把值添加在option标签中间后,就显示出来了
刚开始错误的写法:
<select v-model="data01.Content.PayMent">
<option v-for="item in selectList" :label="item.Value" :value="item.Key"></option>
</select>
正确写法
<select v-model="data01.Content.PayMent">
<option v-for="item in selectList" :label="item.Value" :value="item.Key">{{item.Value}}</option>
</select>
总结:虽然是个小问题,但还是记录一下,刚开始做移动端,很容易采坑,希望能和大家多多交流,也希望大家多多指点。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)