vue.js - 使用 Vue.js 将方法结果绑定(bind)到 v-model

Question

如何使用 Vue.js 将方法结果绑定(bind)到 v-model？

例子:

<someTag v-model="method_name(data_attribute)"></someTag>

由于某种原因我不能让它工作。

谢谢。

Answer 1

多年后，有了更多的经验，我发现绑定(bind) :value 比使用 v-model 更容易。然后您可以通过捕获 @change 来处理更新。

编辑(根据请求):

<input :value="myValue" @change="updateMyValue">

...

methods: {
  updateMyValue (event) {
    myValue = event.target.value.trim() // Formatting example
  }
}

在子组件中:

// ChildComponent.vue

<template>
  <button
    v-for="i in [1,2,3]">
    @click="$emit('change', i) />
</template>

// ParentComponent.vue

<template>
  <child-component @change="updateMyValue" />
</template>

<script>
import ChildComponent from './child-component'

export default {
  components: {
    ChildComponent
  },
  data () {
    return {
      myvalue: 0
    }
  },
  methods: {
    updateMyValue (newValue) {
      this.myvalue = newValue
    }
  }
}
</script>