【vue---ref用法】

1.什么是ref?

引用ref 用来辅助开发者在不依赖于jQuery 的情况下,获取DOM 元素或组件的引用。每个vue 的组件实例上,都包含一个$refs 对象,里面存储着对应的DOM 元素或组件的引用。默认情况下,组件的$refs 指向一个空对象。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc3R1ZHllcue9kQ==,size_20,color_FFFFFF,t_70,g_se,x_16

2. 使用ref 引用DOM 元素如果想要使用ref 引用页面上的DOM 元素,则可以按照如下的方式进行操作:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc3R1ZHllcue9kQ==,size_20,color_FFFFFF,t_70,g_se,x_16

3. 使用ref 引用组件实例如果想要使用ref 引用页面上的组件实例,则可以按照如下的方式进行操作:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc3R1ZHllcue9kQ==,size_20,color_FFFFFF,t_70,g_se,x_16

 穿插知识:组件中如何使用另外一个组件?三步骤:script中import 导入组件,暴露中component注册组件,temlate>div中使用组件标签

猜你喜欢

转载自blog.csdn.net/m0_56349322/article/details/123358290
今日推荐