vue父组件调用子组件方法
发表于|更新于
|浏览量:
抱怨身处黑暗，不如提灯前行。——刘同
首先是官方文档
这里使用ref属性去访问子元素
1 | <hello-world ref="helloWorld" msg="Hello World"></hello-world> |
然后打印一下
1 | console.log(this.$refs.helloWorld); |
可以看到成功获取到
再到子组件定义一个方法：
父组件访问：
效果：
相关推荐
2022-04-01
antdv动态表单组件
你已春色摇曳，我仍一身旧雪。——送花的人走了 分享一个自己写的antdv动态表单组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618...
2022-07-16
veaury
没有意义的事物是最美丽的。——《新名字的故事》 昨天分享了vuera 今天再分享一个同类型库veaury，属于是vuera的新版库 中文文档：https://github.com/devilwjp/veaury/blob/master/README_zhcn.md 什么是Veaury?Veaury 是基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。 重要功能 🌞 支持 Vue3 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的. 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks，获取到vue组件或者应用的上下文数据，比如vue-router、vuex，也可以在vue组件中使用react的hooks，获取到react组件或者应用的上下文数据，比如react-router、provide、context等
2024-07-05
uniapp中h5视频播放器部分机型显示在最上层问题
家贫不是贫，路贫贫煞人。——吴敬梓 这里在浏览器里看了下b站播放器的代码，试了试转成blob可以解决这个问题 代码如下： 资源路径与blobUrl互转 | 阿超
2024-06-11
tensorflowjs
生命的定义就是拥有明天。——冯骥才 我们有一些前端机器学习的需求可以用这个 https://www.tensorflow.org/js/demos?hl=zh-cn 这有非常多的demo Holobooth 也很好玩 https://lipsync.withyoutube.com/ 开始 bookmark_border TensorFlow.js 是一个 JavaScript 库，用于在浏览器和 Node.js 训练和部署机器学习模型。 了解开始的更多方式，请参阅下面的部分。 在不直接处理张量的情况下编写 ML 程序想要开始机器学习，同时不用担心任何类似张量或优化器的低级细节吗？ ml5.js 库构建在 TensorFlow.js 之上，通过简洁的、可利用的 API，可以在浏览器中访问机器学习算法和模型。 Check out ml5.js 安装 TensorFlow.jsTensorFlow.js 与 Tensors (张量)、Layers (图层)、Optimizers (优化器) 和损失函数等概念兼容（或希望与它们兼容）吗？TensorFlow.js 为 JavaScr...
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性，不然就是奴才。但自尊不是轻人，自信不是自满，独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件，别忘了加对应的高度，以及检查overflow-y： 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长（超过外部div高度）的内容...</div> 然后是滚动事件处理： 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2021-11-21
uniapp无限树形结构
性格左右命运，气度影响格局。——余世雅博士 插件地址：https://ext.dcloud.net.cn/plugin?id=5718 作者： luyj 介绍： 无限极树形结构。支持搜索、面包屑导航、单项选择、多项选择。 代码块 luyj-tree 内包含luyj-tree-search、luyj-tree-navigation、luyj-tree-item 说明 本插件是基于xiaolu-tree进行了uni_modules模块化。并进行了一些修改。 本人暂时只在微信小程序端和H5 使用Chrome浏览器测试。更改了一些内容，有可能会有一些错误 或说明与实际不一致，介意者慎用。本人会适当的抽出业余时间，把它完善，毕竟有一定的下载量了，而且自己也需要学习，再次感谢原作者。 暂时，使用自定义插件渲染有问题，会出现duplication is found under a single shadow root. The first one was accepted ，还未找到解决方案。 安装方式本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导...