vue中select组件手机上无法使用

各位大家好，我拿HBulider写vue文件的时候使用了select标签，本意是弄个下拉框，写好后电脑上不管是网页还是模拟器都能使用，但是在手机上调试的时候就会出现以下错误。请问有知道如何解决吗。

```html
<template>
    <div>
        站点信息
        <select class="select_jifang" v-model="jifang_1" @change="jifang_change">
            <option :value="item.text" :key="item.id" v-for="item in jifang">{{item.text}}</option>
        </select>
    </div>
</template>
<script>
export default {
    data(){
        return {
            jifang_1:"",
            jifang:[
                {id:1,text:"机房站点1"},{id:2,text:"机房站点2"}
            ]
        }
    },
    methods:{
        jifang_change(){
            console.log(this.jifang_1,"选中的值")
        }
    }
}
</script>

change方法代码贴一下，会不会是你用了es6，手机浏览器不兼容
如果是，试下下面解决方法
https://www.cnblogs.com/mufc/p/11504372.html

亲测有效

<script>
    export default {
        data() {
            return {
                src: 'https://cdn.uviewui.com/uview/album/1.jpg',
                jifang_1: "",
                jifang: [{
                    id: 1,
                    text: "机房站点1"
                }, {
                    id: 2,
                    text: "机房站点2"
                }]
            }
        },
        methods: {
            jifang_change(val) {
                console.log(this.jifang_1, val,"选中的值")
                alert(this.jifang_1)
            }
        }
    }
</script>

给option中添加key试试

<option v-for="item in jifang" :key="item.id" :value="item.text">{{item.text}}</option>

麻烦把代码截全部看一下，v-for循环的是data里面的数据么

把所有包都加上