使用Vue.js将方法结果绑定到v模型

小卤蛋 · 03月30日

如何使用Vue.js将方法结果绑定到v模型?

例如:

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

由于某种原因,我无法使其正常运行。

谢谢。

回答(2)
时间
小小
2 · 2020-03-30 18:24:32

v-model表达式必须具有getand set函数。对于大多数变量来说,这很简单,但是您也可以使用计算属性自行定义它们,如下所示:

data:function(){
    return { value: 5 }
},
computed: {
    doubleValue: {
        get(){
            //this function will determine what is displayed in the input
            return this.value*2;
        },
        set(newVal){
            //this function will run whenever the input changes
            this.value = newVal/2;
        }
    }
}

那你可以用 <input v-model="doubleValue"></input>

如果只希望标签显示方法结果,请使用 <tag>{{method_name(data_attribute)}}</tag>

番长
1 · 2020-03-30 18:24:32

多年后,随着更多的经验,我发现绑定起来:value比使用v模型更容易然后,您可以通过捕获来处理更新@change

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序