vue中$refs的使用

发布时间:2020-03-31 19:40:02 作者:歆冉
来源:网络 阅读:2058

第一种情况:

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的使用



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

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

vue $refs ue

上一篇:oracle:swap性能调优

下一篇:一小时体验Scala

相关阅读

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

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