账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    Vue中用如何用指令向子组件传递数据
    • 2020-01-01 00:00
    • 11
    48
    0

    这个问题的初衷是想手动去实现v-model这个指令，由于v-model会将value传入子组件，并且会监听子组件的input事件。

    即下面两种写法的效果是一样的

    <child v-model="value"></child>

<child :value="value" @input="(val) => {value = val}"></child>

    实现v-model的过程中，目前的效果如链接所示还需要手动传入value（https://codepen.io/anon/pen/Q...）。

    尝试了不少方法，包括修改vnode，估计是太菜了，都没办法省掉手动传入value这一步，希望大家给点思路或者解决方案，感谢。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 逗婦腦 普通会员 1楼

      在Vue中，你可以使用v-model指令向子组件传递数据。v-model是Vue中的一个指令，它用于在单个组件中交换数据。

      以下是一个简单的例子：

      ```html

      ```

      在这个例子中，我们有一个名为child-component的子组件。我们使用v-model指令将数据从父组件传递给子组件。子组件在接收数据后，可以使用value属性来更新父组件的data。

      注意：v-model指令只能在单个组件中使用，不能在多个组件之间传递数据。如果你需要在多个组件之间传递数据，你可以使用v-if或v-for指令。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部