vuejs2 - 带有 V-model 的 Vue 自定义组件
问题描述
我有一个使用自定义组件构建的表单,可供我们使用。注意:我无权访问自定义组件,添加 @input 解决方案对我不起作用。有什么方法可以在不更改组件的情况下从我的自定义组件中获得价值?
<section class="container__content">
<div>Details</div>
<div class="personal-info">
<textfield type="text" label="Name" placeholder="Shweta"></textfield>
<textfield type="text" label="ID" placeholder="sm1234"></textfield>
</div>
解决方案
如果我正确理解你,你需要 $refs 对象。 https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements 基本代码示例:
<template>
<child ref="childA"></child>
<child ref="otherCHild></child>
</template>
this.$refs.childA.something
this.$refs.otherCHild.something
这两个 $refs 变量将是包含在其各自子项中的 something 变量中的值。
我在 utils 库中使用它来密切关注我想要在父级中触发操作的更改(例如监视上传完成或错误)
推荐阅读
- angular - 如何在 Angular 6 中手动设置 mat-form-field 焦点
- php - HTTP 到 HTTPS 重定向添加了两个 URL
- video-compression - 为什么选择 2D-DCT 而不是 3D-DCT 进行视频压缩
- c - 如何从C中的汇编代码中打印整数值
- wordpress - 将帖子分享到 instagram 和 facebook - Wordpress
- javascript - 如何更改甜蜜警报 jquery 插件的叠加背景?
- sql - 实体框架性能不佳
- swift - 水平滚动视图内的 TableView 不接受行动作手势
- json - MongoDB shell 到 JSON
- ios - 与 UITableViews 斗争