【mpvue】input组件 v-model绑定

【官方文档】在组件上使用v-model
https://cn.vuejs.org/v2/guide/components.html#在组件上使用-v-model

<input v-model="value">

等价于

<input v-bind:value="value" v-on:input="value = $event.target.value">


当用在组件上时

<b-input v-bind:value="value" v-on:input="value = $event">b-input>


下面是例子:
组件(BInput.vue)上的写法

<input 
  :value="value" 
  v-on:input="$emit('input', $event.target.value)"
>


记得在props里将绑定的值暴露出去:

<script>
export default {
  props: {
    value: String,
  },
}
</script>

引用组件写法

<b-input v-model="value">b-input>

注意:mpvue上使用input组件会有光标不稳定,输入抖动的坑,不建议使用input组件喔

你可能感兴趣的:(mpvue,vue,input,v-model,双向绑定)