首页 > 其他分享 >vue的几个记录

vue的几个记录

时间:2023-04-10 09:15:25浏览次数:48  
标签:vue 记录 几个 watch focus deep boxData 组件 true

1.父组件传递子组卷数组参数

props: {
boxData: {
type: Array,
default: () => [], //重点
},

2.要实现父组件传递子组卷的参数动态更新

(父-》子-》子,也只需要在最后一个子组件监听即可。)

需要用到监听器

watch:{
//监听父组件传递的参数,以动态更新
boxData:{
handler(newValue,oldValue){
this.columns = this.boxData;
},
immediate:true,
deep:true
}
},
我这个数组参数传递过去,watch这里如果不谢deep:true,则实现不了动态更新。

3.解决某个input的focus问题
先配置好:ref,然后找到当前对象,进行强制对焦
selfthis.$refs[obj[Object.keys(obj)[0]][0].field].focus();

标签:vue,记录,几个,watch,focus,deep,boxData,组件,true
From: https://www.cnblogs.com/zkj1204/p/17301663.html

相关文章

  • Hive学习记录
    数仓概念数据仓库(英语:DataWarehouse,简称数仓、DW),是一个用于存储、分析、报告的数据系统。数据仓库的目的是构建面向分析的集成化数据环境,分析结果为企业提供决策支持(DecisionSupport)SQL语法分类SQL主要语法分为两个部分:数据定义语言(DDL)和数据操纵语言(DML)DDL语......
  • Git config设置相关记录
    如下图中所示,git提供了三层级别的config设置,下层的设置都可以个性化覆写上层的设置,举例来说就是global层的设置可以覆写system层的设置。 ......
  • Vue2异步更新及nextTick原理
    vue官网中是这样描述nextTick的在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,可以获取更新后的DOM。在学习nextTick是如何实现之前,我们要先了解下JavaScript的执行机制JavaScript执行机制浏览器是多线程的,例如GUI渲染线程、JS引擎线程......
  • head/reset/revert/rebase代码回滚全解:git提交记录的背后原理
    多人合作程序开发的过程中,我们有时会出现错误提交的情况,此时我们希望能撤销提交操作,让程序回到提交前的样子,操作有:回退(reset):reset是彻底回退到指定的commit版本,该commit后的所有commit都将被清除;reset执行后不会产生记录反转(revert):revert仅是撤销指定commit的修改,并不影响后续......
  • 【230409-6】由数字1,2,3,4,5组成,没有重复数字的五位数,其中小于50000的偶数共有几个?
    ......
  • C/C++模拟校园卡消费记录查询系统[2023-04-09]
    C/C++模拟校园卡消费记录查询系统[2023-04-09]模拟校园卡1问题描述同学们都在机房做实验或自由上机,请根据自己实际使用情况编写一份模拟校园卡消费记录查询系统,实现登录,计费,挂失,统计等相关功能。2功能要求主要功能模块:(1)登录模块:同学根据自己设定的密码登录。三次错误则......
  • vue-day2
    绑定class样式:class=""(v-bind的缩写)修改vue维护的数据,而非直接操作dom绑定style,内联样式,交给vue管理(要对象,或者数组)font-size -> fontSize  换位驼峰  ⭐⭐⭐vue条件渲染v-show底层->调整style行内样式,display:nonev-ifdom节点都没了,彻底......
  • 往年 NOI 做题记录
    一个新坑,先把真题都刷一下大概就知道会考什么和难度怎么样了。2013向量内积给定一个\(n\)个\(m\)维向量,求出一组不同的向量\(p,q\)使其内积(点乘)在模\(k\)意义下为\(0\)。\(k=2,1\len\le2\times10^4,1\lem\le100\)或\(k=3,1\len\le10^5,1\lem\le30.\)......
  • vue之插槽
    #######################                    #########################......
  • 2023第14届蓝桥杯C/C++A组参赛记录+部分题解
    比赛记录早上起得还算早,没吃早餐,我吃早餐会瞌睡,也会变蠢。在门口还没来得及和队里其他同学聊几句就进场了......键盘还是一样的难用,软件有codeblocks和dev,很舒服。今年来参加蓝桥杯的人好多啊......女生也好多。听说今年蓝桥杯有统一的正经培训,不过和我这个被踢出蓝桥杯群的......