vue中$refs的使用

发布时间:2020-03-31 19:40:02 作者:歆冉
阅读:2067
Vue开发者专用服务器,限时0元免费领! 查看>>

第一种情况:

html代码:

vue中$refs的使用

js代码:

vue中$refs的使用

输出结果:

vue中$refs的使用

此时输出的都是dom元素了

第二种情况:  把div换成一个组件

1 首先写一个box.vue的组件

vue中$refs的使用

2 编写test.vue组件 在该组件中使用上面的box.vue组件

html:

vue中$refs的使用

js:

vue中$refs的使用

查看此时的输出结果是:

vue中$refs的使用

查看该组件的详细信息:

vue中$refs的使用

如果想在test.vue组件中调用box.vue中的方法或属性,怎么写?

vue中$refs的使用

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:
  1. vue基本使用--refs获取组件或元素的实例
  2. vue.js中ref和$refs的使用及示例讲解

开发者交流群:

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue $refs ue

上一篇:oracle:swap性能调优

下一篇:一小时体验Scala

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》
开发者交流群×