Vue.js $children 按组件名称

2024-04-14

我正在尝试按名字访问特定的孩子。目前,由于孩子所在的位置,我这样称呼孩子:

this.$root.$children[0]

没关系,只要那个孩子总是[0]但如果有一种方法可以做类似的事情那就太好了:

this.$root.$children['detail']

我一直在想$refs可能是我问题的答案,但永远找不到帮助我的方法。

有任何想法吗?


您正在谈论的这个孩子真的是您想要从中访问它的组件的孩子吗?在这种情况下,v-ref确实是答案:

// in the code of the parent component, access the referenced child component like this:

this.$refs.detailsChild
<!-- Template of the parent component, assuming your child Component is called Details -->
<details v-ref:details-child></details>

相关API文档:http://vuejs.org/api/#v-ref http://vuejs.org/api/#v-ref

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue.js $children 按组件名称 的相关文章

  • 如何将正文中的数字替换为波斯数字?

    我想将 html 内容中的每个数字转换为波斯数字 而不会对页面元素产生其他影响 例如 div style color c2c2c2 text number 1 span text number 2 span div text number
  • 如何过滤javascript对象数组

    我有两个数组 我正在使用 PubSidebar 过滤基于 groupKey 的内容 let groupKey oaDeal Journals Deposit This array of object will be filtering wi
  • 根据质量和弹跳系数计算球与球碰撞的速度和方向

    我基于以下代码使用了this http en wikipedia org wiki Elastic collision One dimensional Newtonian ballA vx u1x m1 m2 2 m2 u2x m1 m2
  • React-Native 博览会 POST Blob

    我正在使用 React Native 和 expo 并尝试通过 fetch api 发布 blob 图像 我对正文使用表单数据格式 并且我有下一个代码 const blob await response blob const form ne
  • 调整表格上的列宽

    目前 如果表格的宽度不大于容器的宽度 我可以调整表格列的大小 我希望发生的是在调整列大小时表格的宽度增加 以便滚动条出现在表格下方 基本上允许我调整大小而不受容器宽度的限制 这是一个小提琴 https jsfiddle net thatOn
  • 现在 JavaScript 的无限循环会导致浏览器崩溃吗?

    我正在学习 JavaScript 对编程很陌生 碰巧遇到了这些无限循环 据说这些循环会永远持续下去并使浏览器崩溃 但是当我用这些代码创建一个循环时 i 0 while i lt 10 document write i 浏览器只是继续加载它
  • 如何使用 jQuery 将 html5 视频播放器静音

    我找到了如何使用 jquery 暂停和播放视频 video get 0 play video get 0 pause 但我找不到静音按钮 如果没有 jquery 解决方案 我只需一个 onclick js 解决方案即可 我需要尽快 还有有办
  • 如何使用canvas获取html5中的视频截图

    您好 是否可以使用 html 5 canvas 捕获正在播放的视频的屏幕截图 看起来这里是可能的 http html5doctor com video canvas magic http html5doctor com video canv
  • 有没有由 HTML + css + javascript 驱动的 sql 编辑器? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 语法高亮 sql代码格式 代码镜像 http codemirror net 会成功的 这太好了 非常容
  • 类型错误:无法读取未定义的属性“存在”

    我正在尝试为 jsx 文件编写一个测试用例 在此我能够传递 proptypes 但不是我正确传递 proptypes 的地方 当我运行测试用例时出现错误 下面提供我的错误 测试用例和代码 类型错误 无法读取未定义的属性 存在 不知道如何让它
  • JQuery:检查元素是否处于正常流程中

    使用 jQuery 检查元素是否在正常流程中的最优雅的方法是什么 根据CSS3规范 http www w3 org TR css3 box 如果满足以下条件 则框属于流 其 display 的使用值为 block list item tab
  • 从 json 创建下拉列表

    我有一个这种形式的 json COLUMNS ID Name DATA 1 Joe 2 Sam 3 Doug 我正在寻找一个如何在 javascript 中从该数据创建下拉列表的示例 但 json dropdown 列表的所有示例 json
  • 规则和夏令时

    我在用着rrule https github com jakubroztocil rrule在我的数据库中创建和存储事件 一切正常 直到我发现我的重复事件与 3 月 31 日之后有一个小时的差异 在法国 这一天我们进行夏令时更改 实际上 我
  • jQuery:评估 ajax 响应中的脚本

    来自我的 web 应用程序的 XML 响应既有要添加到页面的 HTML 也有要运行的脚本 我正在尝试从我的网络应用程序发回 XML 例如
  • 获取 Html.TextBoxFor 字段的 HTML id

    有没有办法在 Javascript 中获取 ASP NET MVC 控件生成的客户端 ID Html TextBoxFor m gt m Name 像这样 Html IdFor m gt m Name
  • 对同一域发出 get 请求,出现 CORS 错误

    在浏览器扩展中 这是我的 ajax 调用 var xhr new XMLHttpRequest xhr open GET window location href true xhr responseType arraybuffer xhr
  • 解决多个 jQuery 文件之间的冲突

    我的项目中有多个 jquery 文件 我正在使用jquery1 4 2使用facebox 但我也需要原型和scriptacolous脚本 我用过 jQuery noconflict 在我的代码中 但它不起作用 这是网址http mlep c
  • 用圆形雷达数学方法表示点

    我正在编写一个简单的应用程序 它可以向您显示您周围的朋友 但不是在法线地图中 而是在像 UI 这样的真正圆形雷达上 https i stack imgur com Au3IP png https i stack imgur com Au3I
  • 如何使用复杂对象或json在ng-table中添加动态列?

    我有以下 ng table 代码 参见笨蛋 http plnkr co edit oTxkmtAwt22gtO2JDPg4 p preview var app angular module main ngTable controller D
  • 使用node.js/Express从HTTP重定向到HTTPS

    有什么方法可以更改我的 Web 应用程序以侦听 HTTPS 而不是 HTTP 我正在使用node js express 我需要它来侦听 HTTPS 因为我正在使用地理定位 而 Chrome 不再支持地理定位 除非从 HTTPS 等安全上下文

随机推荐

  • 如何使用 Waterline 和 Sails.js(版本 0.10)从 mongo 数据库中提取不同的值?

    Using Sails js版本0 10 x 假设我有一个模型Dog 填充如下 写出yaml格式是为了方便起见 但就我而言 它实际上是在mongo数据库 dogs breed wolf name Fido breed wolf name R
  • SPRING4:无法读取候选组件类 CouchbaseConfig.class

    我有个问题 我正在使用 Spring4 我想添加一个配置以便能够使用 spring data couchbase 但我有一个错误 org springframework beans factory BeanDefinitionStoreEx
  • PackageBuilder.java 在 Drools 6.1.0.final 中不可用

    我是 drools 的新手 目前我们在项目中使用 Drools 5 4 0 目前我们使用Drools 5 4 0的RuleCompiler java和PackageBuilder java类来编译 xls文件并创建ruleSetObject
  • 如何在 iOS 中的 UIView 上应用模糊效果?

    在我的应用程序中 我想在 uiview 上应用模糊效果 那么我怎样才能实现模糊效果 我尝试通过下面的代码 UIGraphicsBeginImageContext scrollview bounds size scrollview layer
  • 检查 NSNumber 是否为空

    如何检查 NSNumber 对象是否为零或为空 好的 nil 很简单 NSNumber myNumber if myNumber nil doSomething 但是 如果对象已创建 但由于分配失败而没有任何值 我该如何检查呢 用这样的东西
  • OWIN 不记名令牌身份验证

    我有一些与不记名令牌相关的问题 在 欧文 您可以保护门票Protect ticket 像这样 ClaimsIdentity identity new ClaimsIdentity Startup OAuthServerOptions Aut
  • Rmarkdown 图像跳过文本

    我正在将 Rmarkdown PDF 文档与以下 YAML 设置放在一起 output pdf document fig caption true fig crop true toc depth 3 header includes usep
  • OpenCV - 如果从线程调用两次,imshow 就会挂起

    大家 我试图有一个单独的线程来显示和处理来自网络摄像头的图像 这些操作不能在主线程中 因为它专用于其他任务 我需要做的是停止并最终重新启动线程 发生的情况是 线程第一次运行 但在第二次运行时 imshow 调用永远冻结 我用一个偏离另一个S
  • 如何在工作区中的两个xcode项目之间共享文件?

    我了解了 Xcode 工作区 我知道如何共享静态库 但我想在工作区中的两个 Xcode 项目之间共享文件 是否可以一次运行多个目标 您能给我提供如何执行此操作的信息吗 提前致谢 即使项目位于同一级别 没有子项目 在同一工作区中的项目之间共享
  • 为什么只有第二个数组维度很重要?

    为什么在处理二维数组时只有第二维对编译器很重要 我就是无法理解这一点 谢谢 因为编译器需要弄清楚如何从内存中访问数据 第一个维度并不重要 因为当给定所有其他大小时 编译器可以计算项目的数量 例子 int a1 1 2 3 4 编译器知道为
  • SAS:如何计算除某些字符变量之外的所有字符变量的频率

    我知道我可以使用类似以下内容来计算所有字符的频率 proc freq data sashelp class tables char run 但是 有没有办法排除一些变量呢 我想做类似的事情 proc freq data sashelp cl
  • Ivy 通过 Nexus 代理

    有谁知道我如何在 Ivy 中指定 Maven 中的镜像 mirrorOf 之类的东西 我正在使用本地 Maven 代理 Nexus 并且需要该工具来指定 Nexus 代理应访问哪个父存储库 在 Maven 中我简单地做
  • 手势方法(平移手势和滑动手势)之间是否有优先级条件?

    我正在开发一个应用程序 其中使用了平移手势和滑动手势 因此 每次我执行 滑动手势 时 但总是会调用 平移手势 中的方法 而不会调用 滑动手势 方法 所有手势方法之间有优先级吗 您可以通过实现以下方法来并行调用它们UIGestureRecog
  • 如何在 android studio 中安装自定义库? [复制]

    这个问题在这里已经有答案了 我想做的是参考这个双向网格视图库 https github com jess anders two way gridview并在我的项目中使用该控件而不是标准的 gridview 它似乎没有以任何方式编译 你可以
  • 将 json 请求 POST 到 Solr,请求中带有cursorMark

    是否可以包括cursorMarkPOST 请求正文中的值而不是将其作为查询字符串参数发送 以下查询 query val abc limit 10 cursorMark sort id asc 返回一条错误消息 JSON 请求中未知的顶级键
  • Oracle设置默认NLS_LANG

    我在 RHEL6 上运行 Oracle 数据库 11g 如果没有客户端NLS LANG 则设置某些utf8字符的长度为2 设置NLS LANG AMERICAN AMERICA UTF8后 长度仅为1 如何更改整个数据库的默认 NLG LA
  • 静态变量的线程安全初始化

    我一直在使用这种模式来初始化类中的静态数据 对我来说 它看起来是线程安全的 但我知道线程问题有多么微妙 这是代码 public class MyClass bad code do not use static string myResour
  • Jasmine:测试 setTimeout 函数抛出错误

    我想测试一个方法的错误处理 该方法使用 setTimeout 安排工作 该错误将在预定部分抛出 即 function sutWithSetTimeout setTimeout function throw new Error pang 1
  • `scipy.ndimage.zoom` 与 `order=0` 的 `skimage.transform.rescale`

    我正在创建一个彩色灰度图像来显示图像块的分类 我需要使用零阶对低分辨率分类图像进行上采样以匹配原始图像大小 When I use skimage transform rescale I 16 order 0 I get the desire
  • Vue.js $children 按组件名称

    我正在尝试按名字访问特定的孩子 目前 由于孩子所在的位置 我这样称呼孩子 this root children 0 没关系 只要那个孩子总是 0 但如果有一种方法可以做类似的事情那就太好了 this root children detail