Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.4k views
in Technique[技术] by (71.8m points)

自定义组件实现v-model,如何绑定组件内的多个值?

自定义组件MyComponent实现v-model

<template>

<div>
    <my-component v-model="person"></my-component>
</div>

</template>

MyComponent组件内部有四个input,比如

<input  type="text" :value="name">
<input  type="text" :value="sex">
<input  type="text" :value="age">
<input  type="text" :value="job">

这种情况下如何实现动态双向数据绑定,让person的值是组件内四个input的值组成的字符串?输入框里的值更改后,person的值动态改变,从而实现v-model?
image


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

利用computed计算属性,返回值是这四个字符串拼接


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...