移动端苹果IOS中select的option值不显示问题解决

移动端苹果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>

总结：虽然是个小问题，但还是记录一下，刚开始做移动端，很容易采坑，希望能和大家多多交流，也希望大家多多指点。