首页 / 知识
Vue3 自定义指令定义分享
2023-04-11 16:21:00
Vue3 自定义指令
除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。
下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点：
实例
<div id="app">
<p>页面载入时，input 元素自动获取焦点：</p>
<input v-focus>
</div>
<script>
const app = Vue.createApp({})
// 注册一个全局自定义指令 `v-focus`
app.directive('focus', {
// 当被绑定的元素挂载到 DOM 中时……
mounted(el) {
// 聚焦元素
el.focus()
}
})
app.mount('#app')
</script>
|
最新内容
相关内容
怎么在Python装饰器中自定义功能呢
怎么在Python装饰器中自定义功能呢?，代码，包装，环境，名称，工具，名字，变动，业务，主体，面临，setattr和getattr操作首先我们来看下setattr和geta
Python算法定义
Python算法定义，有限，时间，数据，算法，情况，培训，系统，策略，复杂度，步骤，算法(Algorithm)是指解题方案的准确而完整的描述，是一系列解决问题的
python 字节码指令
python 字节码指令，代码，数据，信息，工具，标准，培训，字节，指令，文件，对象，为什么pyc文件也称作字节码文件?因为这些文件存储的都是一些二进制
python怎么定义用户输入
python怎么定义用户输入，培训，字符串，整数，类型，用户，文本，定义，文档，小数点，位数，python中获取用户输入的方法如下：整数输入#!/usr/bin/pythopython中如何定义int类型
python中如何定义int类型，标准，数字，数据，培训，基础，整数，数据类型，赋值，布尔，类型，标准数据类型python3中有六个标准的数据类型：Number(数字)
python中整数怎么定义
python中整数怎么定义，基础，数据，培训，数字，整数，赋值，布尔，变量，定义，复数，pythonint有多种数字类型：整型int、长整型、布尔型bool、浮点数fl
python怎么定义函数的返回值
python怎么定义函数的返回值，培训，代码，简介，函数，语句，定义，类型，结束，结果，上面，python定义函数的返回值的方法：函数返回值简介函数需要先定
python如何定义函数
python如何定义函数，培训，概念，代码，环境，函数，定义，语句，括号，结果，冒号，函数的概念：函数是组织好的、具有一定功能的代码片段。在Python中，定
pythonreturn如何定义
pythonreturn如何定义，培训，函数，定义，字符串，数值，使用说明，语句，对象，以上，存在，在定义函数时，对于return的使用return语句是python语言中函
python如何定义接受参数的函数
python如何定义接受参数的函数，信息，培训，位置，参数，函数，列子，效果，定义，更多，内容，python中的函数可以有参数，也可以无参数，参数可以分为默认
python可以定义变量先不赋值吗
python可以定义变量先不赋值吗，培训，数字，变量，合法，代码，声明，类型，赋值，整数，字符串，Python中常见的数据类型有字符串，整形，列表，元组，字典等。
python代码中优化提速的小技巧分享
python代码中优化提速的小技巧分享，代码，培训，