v-model拼接字符串

v-model 是 Vue.js 中常用的一个指令，用于实现双向数据绑定。在使用 v-model 绑定 input 元素的值时，可以通过在 input 元素上添加修饰符来实现拼接字符串的功能。

例如，我们需要在 input 中输入一个电话号码，但是需要在号码前面加上国际区号 +86 ，可以这样实现：

<input v-model="phone" type="text">

然后我们在 Vue 实例中添加一个 computed 计算属性：

computed: {
  fullPhone: function () {
    return '+86' + this.phone
  }
}

最后，在 input 元素中使用 v-model 时，使用修饰符 .lazy 或者 .number，这样就可以在输入完手机号码后自动拼接国际区号了：

<input v-model.lazy="phone" type="text">

<input v-model.number="phone" type="text">