首页 > 其他分享 >vue的Ref的特殊作用

vue的Ref的特殊作用

时间：2023-02-04 15:36:42浏览次数：48

通过this.$refs.ref名称获取组件对象
不仅仅只是获取到绑定该Ref的Dom元素
其中的一切都变成可调用的

// 调用组件方法，突破了父子组件相互通信的繁琐的问题
this.$refs.myRef.submit()

// 获取data或者计算属性
this.$refs.myRef.list

标签：vue,refs,特殊作用,myRef,组件,Ref
From： https://www.cnblogs.com/lingxin1123/p/17091571.html

vue的Prop父子传值完整校验
Prop节点接受父组件传值的校验exportdefault{props:{arr:{type:Array,required:true,//自定义校验规则validator(value){......
vue的路由的注意点
2.vue路由-声明式导航2.0声明式导航-基础使用目标:可用全局组件router-link来替代a标签vue-router提供了一个全局组件router-linkrouter-link实质上最终会......
vue响应式修改数据
this.arr[0]=1等价于this.$set(this.0,1)Vue.set(target,propertyName/index,value)参数：{Object|Array}target{string|number}propertyName/index......
vue计算属性的完整写法-cnblog
简单写法，给计算属性赋值报错解决方案：提供set方法实例(全选-->反选，反选->全选)<template><div><span>全选:</span><!--4.v-model关联全选-选中状态......
vue项目的事件修饰符
click只是个例子，可以换成change,[email protected]阻止默认行为@click.stop阻止事件冒泡[email protected]==click后面函数只执行一次......
创建vue项目
1.找到目标地址，打开cmd2.vuecreateprojectname 在地址栏里面输入cmd，别用Powershell 3.安装和引入安装axios：npmiaxios 安装boot......
vue作用域插槽-cnblog
使用场景：父组件需要使用到子组件的data时例子父组件有list数组，传递给子组件，子组件将数组中的属性全部显示出来，但是用什么标签显示这些属性不确定（使用插槽）父组件传......
vue侦听器深度侦听-cnblog
简单类型不需要加上引号如对象user.name(注意加上引号)watch:{ "obj.name":{ ...}}侦听器的应用（存入本地存储localStorage）也可以在组件销毁时存入本......
vue/ts 新建项目时好用的配置【vite.config.ts、tsconfig.json、】
创建完项目后的基础配置用vite创建初始vue项目后，会生成一个默认的vite.config.ts文件创建完的内容import{defineConfig}from'vite'importvuefrom'@vitejs/plu......
ant-design-vue a-table在scope-slot中获取column中的key
通过{{column.key}}获取key<templateslot="dwAction"slot-scope="text,record,index,column"style="text-align:center"> {{column.key}}</template>column......

vue的Ref的特殊作用

相关文章

赞助商

阅读排行