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上试试。