vue父组件调用子组件方法
发表于|更新于
|浏览量:
抱怨身处黑暗，不如提灯前行。——刘同
首先是官方文档
这里使用ref属性去访问子元素
1 | <hello-world ref="helloWorld" msg="Hello World"></hello-world> |
然后打印一下
1 | console.log(this.$refs.helloWorld); |
可以看到成功获取到
再到子组件定义一个方法：
父组件访问：
效果：
相关推荐
2022-12-22
css is选择器
良药苦口利于病，忠言逆耳利于行——佚名 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/:is is选择器可以同时包含多个，例如 12345678910111213/* 选择 header、main、footer 里的任意一个悬浮状态的段落 */:is(header, main, footer) p:hover { color: red; cursor: pointer;}/* 以上内容相当于以下内容 */header p:hover,main p:hover,footer p:hover { color: red; cursor: pointer;} 非常实用
2025-05-13
wangeditor自定义事件踩坑记录
任何职业都不简单，如果只是一般地完成任务当然不太困难，但要真正事业有所成就，给社会做出贡献，就不是那么容易的，所以，搞各行各业都需要树雄心大志，有了志气，才会随时提高标准来要求自己。 —— 谢觉哉 文档： https://www.wangeditor.com/v5/toolbar-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6 今天踩坑发现会重复触发，哪怕是使用的 1editor.once('event-key', fn) once只监听一次的，也会在一些情况下重复触发。。。
2020-10-24
js禁止右键点击事件
勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达·芬奇 js禁止右键点击事件触发代码 123456789101112131415161718192021222324function click() { return false;}function click1() { if (event.button == 2) { return false; }}function CtrlKeyDown() { if (event.ctrlKey) { return false; }}document.onkeydown = CtrlKeyDown;document.onselectstart = click;document.onmousedown = click1;document.oncontextmenu = function(event) { if (document.all) windo...
2025-03-03
vue-loading-overlay
只要有一双真诚的眼睛陪我哭泣，就值得我为生命受苦。——罗曼·罗兰的《欣悦的灵魂》 https://github.com/ankurk91/vue-loading-overlay demo： https://ankurk91.github.io/vue-loading-overlay/ Vue Loading Overlay：简洁高效的加载指示器组件介绍在现代Web应用中，为了提升用户体验，加载指示器是一个必不可少的组件。尤其在处理异步请求或其他耗时操作时，加载指示器可以有效地告知用户当前的状态。Vue Loading Overlay 是一个为 Vue.js 应用提供全屏加载指示器的组件，简洁高效，易于集成和使用。 本文将介绍什么是 Vue Loading Overlay、其主要功能及其使用方法，并展示如何在项目中集成和使用这个组件。 什么是 Vue Loading Overlay？Vue Loading Overlay 是一个 Vue.js 组件，用于在页面加载时显示全屏或局部加载指示器。它可以轻松集成到 Vue.js 项目中，通过简单的配置和调用即可实现加载指示器的显示和隐...
2021-12-08
nvue中list组件下拉刷新后无法上拉加载更多
倘能生存，我当然仍要学习。——鲁迅 组件官网地址：https://uniapp.dcloud.io/component/list 今天在使用list组件时，发现下拉刷新一次后，就不能上拉加载更多了 最后发现官方文档： loadmore 事件 如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发，请检查是否设置了loadmoreoffset的值，建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...
2021-11-12
数组解构赋值
倘若A代表人生的成功，那么公式是：A =X+Y+Z。X是工作，Y是游戏，z是保持缄默。——（美）爱因斯坦 我们以前从一个数组中获取第一项，可能是如下写法： 12let list = [1,2,3]let i = list[0] 有了解构赋值，可以如下写法： 12let list = [1,2,3]let [i] = list 如果稍微复杂点，例如下面这样从对象中取出来数组： 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成： 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog