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