v模型和计算的属性不一致的行为

Question

例如，我有一个像这样的组件

var App = {
  data() {
    return {
      mobileCode: '+62',
      mobile: ''
    }
  },
  computed: {
      mobileFormat: {
          get: function () {
              return this.mobileCode + this.mobile
          },
          set: function (newValue) {
          	if (newValue.length < this.mobileCode.length) {
            	this.mobileCode = this.mobileCode
            }
             this.mobile = newValue.substr(this.mobileCode.length)
          }
     }
  }
}

<div id="app">
  The variable enteredValue is {{mobile}}
  <br>
  The variable enteredValue is {{mobileFormat}}
  <el-input v-model="mobileCode"></el-input>
  <el-input v-model="mobileFormat"></el-input>
</div>

问题是，当我删除输入中的值时，希望不能删除mobileCode部分（'+62'）。 输入内部的值已更改，但数据本身未更改。 是否有解决此问题的方法（使用vue）？ 这是一个问题吗？