Vue30-自定义指令:对象式

一、需求:创建fbind指定

要用js代码实现自动获取焦点的功能!

二、实现

2-1、步骤一:绑定元素 

2-2、步骤二:input元素获取焦点 

此时,页面初始化的时候,input元素并没有获取焦点,点击按钮,修改n的值只有,才获取焦点。

因为:focus函数的位置不对!!!

1、html说明focus函数的位置 

若是将focus函数放在appendchild函数前面,则不生效!!! 

大部分在appendChild之前都可以,有一些功能要在appendChild之后 

2、自定义函数的生命周期 

 

解决方式:fbind写成对象形式,因为函数形式只有两种时机才会调用。

写成对象形式,对象中可以写多个函数!

①、常见的自定义函数对象形式里面的函数: 

 

②、bind函数

bind函数类似于html中的这一部分的代码。

3、解决获取焦点的问题 

注意:

        因为bind函数和update函数的内容一般差不多,所以,要是自定义指令写成函数形式,相当于是对象形式的bind+uodate函数都写了。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/706812.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

CobaltStrike权限传递MSF

一、测试环境 操作系统: 1.VMware17 2.kali 6.1.0-kali5-amd64 3.Win10x64 软件: 1.cs4.0 2.metasploit v6.3.4-dev 二、测试思路 1.cs是一款渗透测试工具,但没有漏洞利用的模块,我们可以在拿到目标主机的权限后,将…

mtk低压充电关机充电关机动画显示

lk下充电: 在启动时读取电压小于BATTERY_LOWVOL_THRESOLD便会到lk循环充电,这里的BATTERY_LOWVOL_THRESOLD是3.45v 1、mtk_battery.c: 通过fg计算电池充电电流,电池温度等2、mtk_charger_intf.c: 在mtk_charger_init…

React 中的 Lanes

React 中有一个 Lane 的概念,Lane 就像高速路上的不同车道,具有不同优先级,在 React Lane 通过一个 32 位的二进制数来表示。越小优先级别越高,SyncLane 级别最高。用二进制存储的方式,可以通过逻辑操作快速判断 Lane …

App UI 风格展现非凡创意

App UI 风格展现非凡创意

Sqoop学习详细介绍!!

一、Sqoop介绍 Sqoop是一款开源的工具,主要用于在Hadoop(HDFS/Hive/HBase)与传统的数据库(mysql、postgresql...)间进行数据的传递,可以将一个关系型数据库(例如 : MySQL ,Oracle ,Postgres等)中的数据导进到Hadoop的H…

160. 相交链表 (Swift版本)

题目描述 最简单直接的解法 遍历 headA 的所有节点, 看 headB 中是否有相交的节点 /*** Definition for singly-linked list.* public class ListNode {* public var val: Int* public var next: ListNode?* public init(_ val: Int) {* self.val val*…

vs2019 c++20规范 STL 库中头文件 <atomic> 源码注释及探讨几个知识点

(1 探讨一) 模板类 atomic 的继承关系与数据结构如下: (2 探讨二 ) 可见 atomic 的 fetch_xx 函数,返回的都是 atomic 中存储的旧值。测试如下: 谢谢

MySQL千万级数据从190秒优化到1秒全过程

文章目录 一、性能问题的分析1. 问题背景2. 查询分析二、优化思路1. 添加索引2. 分区表3. 优化查询4. 查询缓存三、具体优化步骤1. 添加复合索引2. 对表进行分区3. 启用查询缓存4. 优化查询四、总结🎉欢迎来到Java学习路线专栏~探索Java中的静态变量与实例变量 ☆* o(≧▽≦)…

2024年【北京市安全员-B证】模拟考试题及北京市安全员-B证操作证考试

题库来源:安全生产模拟考试一点通公众号小程序 北京市安全员-B证模拟考试题考前必练!安全生产模拟考试一点通每个月更新北京市安全员-B证操作证考试题目及答案!多做几遍,其实通过北京市安全员-B证在线考试很简单。 1、【多选题】…

文案提取小帮手轻松将视频为转文字!而且不限时长

作为一个自媒体的资深用户总在一个一个的敲字真的太慢了,而且很多创作者都知道追热点是和时间赛跑。如果你嫌弃自己手抄效率太低,看视频又嫌时间太长。 今天叫教你一个可以将视频转文字的工具, 这个工具就叫文案提取小帮手,而且…

Golang的channel

目录 基本使用 channel 数据结构 阻塞的协程队列 协程节点 构建 channel 写流程 读流程 非阻塞与阻塞 closechan(关闭) 基本使用 创建无缓存 channel c : make(chan int) //创建无缓冲的通道 cc : make(chan int,0) //创建无缓冲的通道 c 创建有缓存 channel c : m…

2024年大数据、区块链与物联网国际会议(ICBDBLT 2024)

2024 International Conference on Big Data, Blockchain, and Internet of Things 【1】大会信息 会议简称:ICBDBLT 2024 大会地点:中国青岛 审稿通知:投稿后2-3日内通知 会议官网:www.icbdblt.com 【2】会议简介 即将召开的…

定档6.20,创邻科技图数据库先锋版发布会来了!

6月20日 14:00 ,创邻科技将重磅召开 2024 Galaxybase银河图数据库先锋版发布会,戳此预约! 书于竹帛,镂于金石,琢于盘盂。历史长河中,数据通过不同形态承载着人类文明,人们在数千年中始终保持着…

智能制造前沿:ARMxy工控机在机器人控制中

机器人控制系统正逐步成为现代制造业的核心引擎。在这个过程中,ARMxy工业计算机以其独特的优势,成为了驱动这一变革的关键力量。本文将以自动化装配线机器人为例,探讨ARMxy如何通过其低功耗、高性能特性,以及高度灵活性的设计&…

clodop去除水印

clodop 免费版本支持所有功能,但是打印出来的带有水印。 有偿提供注册服务,永久有效。

Sa-Token鉴权与网关服务实现

纠错: 在上一部分里我完成了微服务框架的初步实现,但是先说一下之前有一个错误,就是依赖部分 上次的学习中我在总的父模块下引入了spring-boot-dependencies(版本控制)我以为在子模块下就不需要再引用了,…

全新取图系统搭建,广泛应用,轻松解决找图难问题!

前言 在数字化高速发展的时代,图片已成为人们日常交流不可或缺的一部分。每个社交平台我们都需要头像、背景等去打造属于我们自己的一张名片。为了满足大众日益增长的需求,并创造更多的收益机会,搭建一款先进的取图系统真的很必要。 一、这款…

SQL Server 安装后,服务器再改名,造成名称不一致,查询并修改数据库服务器真实名称

SELECT SERVERNAME -- 1.查询旧服务器名称 SELECT serverproperty(servername) AS new --2.查询新服务器名称 -- 3.更新服务器名称 IF SERVERPROPERTY(servername) <> 新服务器名称替换 BEGIN DECLARE server_name NVARCHAR(128) SET server_name 新服务器…

警惕!这本SCIE正在被​“On Hold”!

【欧亚科睿学术】 近期&#xff0c;经小编查询&#xff0c;一本近乎百分百录用率、且生信友好的“毕业神刊”——JOURNAL OF BIOLOGICAL REGULATORS AND HOMEOSTATIC AGENTS被科睿唯安打上了“On Hold”标识。 图片来源&#xff1a;科睿唯安&#xff08;2024年6月13日查&#…

D 25章 进程的终止

D 25章 进程的终止 440 25.1 进程的终止&#xff1a;_exit()和exit() 440 1. _exit(int status)&#xff0c; status 定义了终止状态&#xff0c;父进程可调用 wait 获取。仅低8位可用&#xff0c; 调用 _exit() 总是成功的。 2.程序一般不会调用 _exit()&#xff0c; 而是…