自定义指令

Vue - 第五天 动态组件& 插槽& 自定义指令

动态组件&插槽&自定义指令一、动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性
瓜皮233·2024-02-03 19:40

Vue（五）：动态组件&插槽&自定义指令

目录一、动态组件1.1什么是动态组件1.2动态切换组件的显示与隐藏1.3使用keep-alive保持状态1.4keep-alive对应的生命周期1.5keep-alive的include属性1.6组件注册名称和组件声明时name的区别二、插槽2.1什么是插槽2.2v-slot2.2.1v-slot的基本使用2.2.2v-slot的简写是#2.2.3插槽的默认内容2.3具名插槽2.4作用域插槽2.4
菜鸟界的菜鸟·2024-02-03 19:09

vue入门之05-动态组件 & 插槽 & 自定义指令

动态组件&插槽&自定义指令1.动态组件1.1什么是动态组件动态组件指的是动态切换组件的显示与隐藏。1.2如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。
Fairy Pavilion·2024-02-03 19:09

Vue 动态组件 & 插槽 & 自定义指令&ESLint等插件配置

动态组件componentdata(){return{comName:'Left'}防止动态组件被销毁，使用keep-alive保持状态当组件被缓存的时候，会自动激活deactivated生命周期当组件被激活的时候，会自动激活activated生命周期include属性，指定哪些组件可以被缓存exclude属性，指定哪些组件不会被缓存include和exclude不可同时使用通常通过name属性给
前端新手2022·2024-02-03 19:09

【Vue】动态组件 & 插槽 & 自定义指令 —— 黑马程序员

动态组件1.什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：3.使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。示例代码如下：4.keep-alive对应的生命周期函数当组件被缓存时，会自动触发组件的deactivated
hexiang@·2024-02-03 19:38

Vue—动态组件&插槽&自定义指令

动态组件&插槽&自定义指令动态组件动态组件，指的是动态切换组件的显示和隐藏。
leo·2024-02-03 19:38

【Vue】2-14、插槽 & 自定义指令

一、插槽插槽（Slot）是vue为组件的封装者提供的能力。允许封装者在封装组件时，把不确定的，希望由用户指定的部分定义为插槽。App根组件-->这是在Left组件中声明的p标签importLeftfrom"@/components/Left.vue";exportdefault{components:{Left,},};.app-container{padding:1px20px20px;back
QX_Java_Learner·2024-02-03 19:38

vue自定义指令使用ecahrts

一、话不多说上代码：varecharts=require('echarts');varoptions={deep:true,//插入父节点时调用inserted:function(el,binding){letmyChart=echarts.init(el)letoption=binding.valuemyChart.showLoading()myChart.setOption(option,tr
Lun_dy·2024-02-03 15:45

Vue3自定义指令的那些事（手把手教学）

今天呢想来和大家分享一下Vue3中的自定义指令这一小块知识点。我会分享一些我工作中经常用到的知识点，内容相对简单，还请大佬们手下留情。
勇宝趣学前端·2024-02-02 18:24

自动驾驶：Apollo如何塑造人类的未来出行

前言前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家：https://www.captainbed.cn/zChatGPT体验地址文章目录前言1.什么是自定义指令？
雪碧有白泡泡·2024-02-01 08:36

Vue进阶 之 自定义指令详解

这篇文章主要介绍了vue自定义指令。除了核心功能默认内置的指令v-model、v-show、v-if等，Vue也允许我们注册自定义指令。
八了个戒·2024-02-01 04:38

使用vue3自定义指令实现Tooltip

效果预览：实现代码：directive.jsimport{nextTick}from"vue"functionelFover(e){//e.el.classList.add('hover')letres=e.el.getBoundingClientRect()//console.log(res)letdom_tooltip=document.querySelector('.c-tooltip')i
不怕麻烦的鹿丸·2024-01-31 23:29

Vue自定义指令directive

Vue自定义指令directive指令的作用：操作DOM。
learninginto·2024-01-29 18:21

如何给页面元素添加水印背景，在vue中怎么处理？

准备水印素材2.2页面结构规划三、使用CSS实现基本水印效果3.1设置水印样式3.2注意事项四、使用JavaScript增强水印功能4.1动态添加水印4.2动态移除水印4.3根据条件显示水印五、vue3中通过自定义指令为某一个
球球不吃虾·2024-01-29 03:21

自定义指令

自定义指令-基础语法1.全局注册App.vue自定义指令exportdefault{//mounted(){//this.
W`hite·2024-01-27 11:12

el-select嵌套el-select或者嵌套el-time-picker点击选择内层的日期时间导致外侧的el-option收回问题的解决办法

收回问题的解决办法由于业务需求页面中用到了如下代码其中就是el-select嵌套el-time-picker时间选择当选择时间时el-select的下拉框自动收回了的问题解决办法如下：1：引入elementui的扩展自定义指令
一室易安·2024-01-27 01:59

Vue2基础-Vue对象进阶介绍2

文章目录一、自定义指令1、用法2、注意点二、生命周期1、概念2、示意图3、分析一、自定义指令本质上是封装了DOM元素的具体操作1、用法放大十倍后的值是：constx=newVue({el:‘#root’
轩不丢·2024-01-26 20:57

vue 中使用 Touch events

touch-events.vue2-touch-events可以点进去，查看详细的npmi-Svue2-touch-eventsyarnaddvue2-touch-events主要的好用之处在于使用了自定义指令
书简_yu·2024-01-26 13:41

Vue3全局组件和自定义指令

目录全局组件全局指令局部指令全局组件全局组件是在main.js中注册的，通过app实例.component创建main.jsimport{createApp}from'vue'importAppfrom'./App.vue'//导入组件importCustormCompfrom'./components/CustormComp.vue'//创建App实例挂载到id为app的dom元素constap
诗霖雪·2024-01-26 12:49

vue3.0规范学习记录

组合式函数使用use+name进行命名，例如useMouse；自定义指令使用v+name进行命名，例如vFocus；在组件使用v-model实现“双向绑定”时，子组件默认通过emits(‘update:
椒盐大肥猫·2024-01-26 09:58

Vue指令--自定义指令--常用内置指令--全局指令-局部指令

Vue指令1.常用内置指令v-text:更新元素的textContentv-html:更新元素的innerHTMLv-once指令：v-pre指令：v-cloak指令:2.自定义指令1定义语法自定义指令中的配置对象中常用的
奋斗的小泉·2024-01-26 02:08

【Vue】动态组件 & 插槽 & 自定义指令

一、动态组件1.什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：3.使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。示例代码如下：4.keep-alive对应的生命周期函数当组件被缓存时，会自动触发组件的deactivat
黑马程序员官方·2024-01-24 23:13

vue 自定义指令

{{val}}Vue.directive('focus',{bind(el,binding,vnode,oldVnode){console.log(el,binding,vnode,oldVnode);console.log("bind");},inserted(el,binding,vnode,oldVnode){console.log(el,binding,vnode,oldVnode);co
wudimingwo·2024-01-24 16:21

day05

文章目录自定义指令全局注册（在main.js中）局部注册插槽默认插槽后备内容具名插槽作用域插槽路由介绍自定义指令全局注册（在main.js中）importVuefrom'vue'importAppfrom
TZ丶旭哥·2024-01-24 12:04

el-select选项过多导致卡顿的解决方案

卡顿原因：DOM中数据过多，超过内存限制解决思路可以使用自定义指令，让el-select弹窗下拉到最底部时触发加载自定义指令创建select-load-more.jsimportVuefrom'vue'
qq_47858671·2024-01-24 08:52

Vue.js 3 项目开发：迈向现代化前端开发的必经之路

文章目录一、Vue.js3简介二、Vue.js3新特性1.CompositionAPI2.更好的性能3.更好的TypeScript支持4.更多的生命周期钩子5.更好的自定义指令API三、Vue.js3项目开发实践
程序边界·2024-01-23 12:58

vue3自定义指令

在Vue3中，我们可以通过使用app.directive方法来定义自定义指令。下面是一个简单的例子：HelloVue3!
我爱学习yq·2024-01-22 23:19

自定义指令实现按钮防抖

我们可以利用Vue的自定义指令完成这个功能。
菊の物语·2024-01-21 07:31

vue 指定区域可拖拽的限定拖拽区域的div（如仅弹窗标题可拖拽的弹窗）

弹窗标题弹窗内容exportdefault{//自定义指令directives:{drag:{//指令的定义bind:function(el,binding,vnode){//获取到vue实例letthat
朝阳39·2024-01-20 10:06

VUE---自定义指令

自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能。可分为全局注册与局部注册。
煸橙干儿~~·2024-01-20 00:39

自定义指令v-longpress

v-longpress需求：实现长按，用户需要按下并按住按钮几秒钟，触发相应的事件思路：创建一个计时器，2秒后执行函数当用户按下按钮时触发mousedown事件，启动计时器；用户松开按钮时调用mouseout事件。如果mouseup事件2秒内被触发，就清除计时器，当作一个普通的点击事件如果计时器没有在2秒内清除，则判定为一次长按，可以执行关联的函数。在移动端要考虑touchstart，touche
HTAO濤·2024-01-19 19:07

【学习记录24】vue3自定义指令

importimgSrcfrom'@/views/loading.gif'constdata=ref(1)//定义loading初始值为true，插入loadingconstloading=ref(true)//单页面自定义指令直接使用
天才和人才就差了二·2024-01-19 15:54

ElementUI的Dialog弹窗实现拖拽移动功能

文章目录概要1、创建自定义指令2、引入自定义指令3、使用自定义指令（v-el-darg-dialog）4、完整代码：5、效果：概要在项目中使用el-dialog中发现不能够拖拽移动，因此网上找了相关资料
zaijin.yang·2024-01-19 15:52

vue脚手架，路由，过滤器，自定义指令

●vue是单⻚⾯应⽤程序●什么是路由○后端路由■对于普通的⽹站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源○前端路由■对于单⻚⾯应⽤程序来说，主要通过URL中的hash(#号)来实现不同⻚⾯之间的切换。●vuecreate项⽬名字（不能有中⽂）●使⽤路由○引⼊路由○创建路由实例○创建映射关系（路由对象）○挂载到vue实例上○预留展示区域●路由跳转○过滤器管道符|什么是过滤
凛落·2024-01-18 09:53

vue3自定义指令（directives）的使用

在Vue3中，自定义指令的用法相对于Vue2有一些变化。
深度学习研究员·2024-01-18 05:38

Vue3中使用自定义指令

一，自定义指令：应用场景：禁用按钮多次点击1.vue2a.src/libs/preventClick.jsimportVuefrom'vue'constpreventClick=Vue.directive
会做梦的辣条鱼·2024-01-18 04:49

好用的vue自定义指令

1.V-Hotkey仓库地址:https://github.com/Dafrok/v-hotkeyDemo:戳这里https://dafrok.github.io/v-hotkey安装:npminstall--savev-hotkey这个指令可以给组件绑定一个或多个快捷键。你想要通过按下Escape键后隐藏某个组件，按住Control和回车键再显示它吗？小菜一碟：Press`esc`toclose
带熊二来看简书·2024-01-18 00:05

Vue自定义指令（Vue2）

(二)作用Vue提供的指令方便了我们开发，有时我们需要对DOM底层进行操作，就可以用自定义指令。(三)内置指令二、指令钩子(一)bind指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。
进阶的小鸟·2024-01-17 17:55

AngularJS自定义指令教程–第1部分

AngularJSprovidesseveraldirectivestomanipulatetheDOM’sbehavior.Earlierwelookedatsomeofthebuiltindirectiveslikeng-app,ng-controller,ng-repeatetc.YoucancheckouttheofficialangularAPIdocumentationformored
cunchi4221·2024-01-17 16:13

Angular系列教程之自定义指令

文章目录前言指令的基本概念在模板中使用指令总结前言在Angular中，指令是一种非常强大的工具，用于扩展HTML元素的功能和行为。它们允许我们创建可重用的组件，并在应用程序中的多个地方使用它们。本文将介绍Angular指令的基础知识，并附上示例代码进行解释说明。指令的基本概念指令是Angular应用程序的构建块之一。它们通过@Directive装饰器来定义，并可以包含属性、方法和生命周期钩子。指令
偏安zzcoder·2024-01-17 16:12

Element 自定义指令 下拉分页，获取无限数据

原文链接https://www.cnblogs.com/DL-CODER/p/17528026.html自定义指令loadmore:Vue.directive('loadmore',{bind(el,binding
BTBIG@Mr. Chen·2024-01-17 13:11

Vue自定义指令el-select下拉触发事件

//自定义指令directives:{'el-select-loadmore':{bind(el,binding){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown.el-select-dropdown
lMoonRed·2024-01-17 12:07

vue2物体下落动画自定义指令

//物体下落时回弹动画Vue.directive('fallanimate',{bind(el,binding){el.style.transform=`translate(0px,${binding.value.defaultTop}px)`;el.style.transition=`translate${binding.value.initSpeed}s`;el.style.opacity=0
元仙僧·2024-01-16 19:45

vue自定义指令使用

实现注册一个自定义指令有全局注册与局部注册全局注册主要是通过Vue.directive方法进行注册Vue.directive第一个参数是指令的名字（不需要写上v-前缀），第二个参数可以是对象数据，也可以是一个指令函数
月照一江秋水·2024-01-16 17:40

vue3自定义指令

下面是一个使用Vue3的自定义指令的示例代码：import{createApp,DirectiveBinding}from'vue';constapp=createApp({});//自定义指令：点击外部关闭弹窗
我爱学习yq·2024-01-16 16:08

【Vue自定义指令详细介绍】

Vue自定义指令详细介绍1.自定义指令1.1局部1.2全局1.自定义指令在Vue.js中，除了默认提供的核心指令（如v-model、v-show、v-if等），Vue.js也允许注册自定义指令，自定义指令给你提供了一种方法来扩展
程序员不想YY啊·2024-01-16 09:21

前端面试 -- vue系列

Vue中给对象添加新属性界面不刷新（直接给对象添加属性）7.vue组件之间的通信方式有哪些8.对nextTick理解9.slot（插槽）理解10.对keep-alive理解11.vue常用的修饰符12.自定义指令以及使用场景
L北杳·2024-01-15 19:57

vue中常用的 v- 指令和自定义指令

常用指令v-if元素是否移除或者插入v-elsev-else-ifv-pre不编译{{}}v-cloak使用v-cloak能够解决插件表达式闪烁的问题v-once告诉浏览器的Vue编译器,只渲染该元素或组件一次v-show元素是否显示或隐藏v-model双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)v-text是元素的innerText只能在双标签中使用v-html是元素的inn
小棋子js·2024-01-15 17:11

vue3自定义指令

一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。
前端小趴菜05·2024-01-15 12:51

属性监听器、自定义指令、生命周期函数、注册组件-vue2

运行原理1.3watch的使用1.4方法格式VS对象格式方法格式的监听器：对象格式的监听器：1.5watch案例1-进度条监听1.6watch案例2-汇率案例(newvalue,oldvalue)2、自定义指令
十 二·2024-01-14 18:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他