vue开发移动端(IOS)时遇见data数据更新时变成 ‘初始数据’+‘更新数据’

Question

用vue开了一个webApp，嵌入到app里的。本来很简单的一个更新data的操作，在IOS系统移动端发现遇到一个无法理解的问题。直接上代码。 <div class="detailsHead">      <div class="modelName">会员近况</div>      <div class="weekDateBtn" @click="weekDateSwith">{{nowWeek}} <img src="../assets/images/moreIocn20x20.png"></div>    </div>export default {    name: '',        components: {},    data () {        return {          nowWeek: '',        }   },  mounted () {    this.nowWeek = '111111111'  },methods: {    weekDateSwith() {        this.nowWeek = '2222' + '33333'    }  }}我点击weekDateBtn后正常这个DIV里的{{nowWeek}}应该是变成'222233333',但是结果变成'111111111222233333'。就是原来赋值的'111111111'没有被替换掉。但是在pc端测试的时候一切正常。各位大神，这是什么情况啊？

Answer 1

我也看不出什么问题，只能给个建议。

1 简化模型：先用一些在线编辑器使用外部引入vue方式，而不是单文件组件的方式用同样的代码实现这个组件，然后在手机端看看有没有问题。

2 把事件绑定到button，而不是div上试试。