自定义指令directives

vue3-自定义指令

自定义指令vue除了内置的制指令（v-modelv-show等）之外，还允许我们注册自定义的指令。vue复用代码的方式：组件：主要是构建模块。组合式函数：侧重有状态的逻辑。
王大可996·2024-02-04 13:27

vue element 的 dialog 弹出窗口加上 最大化 还原 和自定义拖拽、拉伸弹窗

原理是利用vue的自定义指令功能自定义一个指令官方文档下面是指令内容exportdefault{bind(el,binding,vnode,oldVnode){letresizeEvent=newCustomEvent
菜鸟-唐宋·2024-02-03 21:05

element技巧之element的dialog弹出框可拖拽、可拉伸、可全屏并处理边界问题

directives:{//v-dialogDrag:弹窗拖拽+水平方向伸缩dialogDrag:{bind(el,binding,vnode,oldVnode){let_this=this;//弹框可拉伸最小宽高
WebKoalaBoy·2024-02-03 21:34

【vue3】使用自定义指令，实现el-dialog的拖拽功能。

通过自定义指令实现拖拽功能因为要自己操作dom（设置事件），所以感觉还是使用自定义指令更直接一些，而且对原生
梅花十三儿·2024-02-03 21:04

04-动态组件 & 插槽 & 自定义指令&全局配置 axios 的请求根路径

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

【vue2】05_动态组件 & 插槽 & 自定义指令

属性插槽1.什么是插槽2.体验插槽的基础用法2.1没有预留插槽的内容会被丢弃2.2后备内容3.具名插槽3.1为具名插槽提供内容3.2具名插槽的简写形式4.作用域插槽4.1使用作用域插槽4.2解构插槽Prop自定义指令
追yi个小太阳·2024-02-03 19:42

5.4 Vue2.0 动态组件&插槽&自定义指令&自定义插件

文章目录动态组件1，什么是动态组件2，如何实现动态组件的渲染3，使用``保持状态4，``对应的生命周期函数5，的`include`和`exclude`属性插槽1，默认插槽2，具名插槽3，作用域插槽自定义指令私有自定义指令
像我这样的人112·2024-02-03 19:42

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

1.什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：App根组件展示Left展示RightimportLeftfrom'@/components/Left.vue'importRightfrom'@/components/Right.vue'exportdefault{data(){return{/
程序猿向前跑·2024-02-03 19:41

vue2.0第五节：动态组件 & 插槽 & 自定义指令

文章目录学习目标1.动态组件1.1.什么是动态组件1.2.如何实现动态组件渲染1.3.使用keep-alive保持状态1.4.keep-alive对应的生命周期函数1.5.keep-alive的include属性了解组件注册名称和组件声明时name的区别2.插槽2.1.什么是插槽2.2.体验插槽的基础用法2.2.1没有预留插槽的内容会被丢弃2.2.2后备内容2.3.具名插槽2.3.1为具名插槽提供
不能瞌睡呀·2024-02-03 19:41

【vue篇】第五话--动态组件 & 插槽 & 自定义指令

作者简介：大家好！我是陪我吹吹海風吧。喜欢：点赞收藏！持续更新vue2.0/3.0✊加油，共勉！目录✍一、动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性✍二、插槽1.什么是插槽2.v-slot2.1v-slot的基本使用2.2v-slot的简写是#3.具名插槽4.作用域插槽
陪我吹吹海風吧·2024-02-03 19:41

Vue基础入门（四）------ 动态组件 & 插槽 & 自定义指令

目录1.动态组件2.插槽插槽的基础用法具名插槽作用域插槽3.自定义指令全局自定义指令私有自定义指令1.动态组件动态组件指的是动态切换组件的显示与隐藏vue提供了一个内置的组件，专门用来实现动态组件的渲染使用
举一个栗子吖·2024-02-03 19:10

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

Vue中的常用指令

一、常用指令概念：指令（Directives）是Vue提供的带有v-前缀的特殊标签属性。为啥要学：提高程序员操作DOM的效率。
Maiko Star·2024-02-02 17:03

Vue进阶构造属性

Vue构造属性:directives、mixins、extends、provide、inject1.Directives指令2种写法1'声明一个全局指令Vue.directive('x',directiveOptions
珍惜时间小李·2024-02-01 14:52

自动驾驶：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】2-4、Vue 指令

一、概述指令（Directives）是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。
QX_Java_Learner·2024-01-30 12:18

Vue自定义指令directive

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

vue中如何监听select滚动底部,vue指令实现滚动加载监听步骤详解

(武藏&小次郎)指令可以很好的做这件事情,下面以element-select举例:directives.js//v-loadmore:用于在element-ui的select下拉框加上滚动到底事件监听Vue.directive
黄雀飞·2024-01-29 06:18

如何给页面元素添加水印背景，在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

Vue报错：[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives.

编译工具：VSCode编译错误如图**解决办法：文件→选择首选项→设置→在搜索框中输入：vetur.validation.template将Vetur›Validation:Template下的插件关掉如图：**
Tara___·2024-01-27 10:59

Vue报错： [vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives.

问题VUE报错：[vue/require-v-for-key]Elementsiniterationexpecttohave‘v-bind:key’directives.eslint-plugin-vuePeekProblem
skyStreetDog·2024-01-27 10:28

vue的开发中v-for报错 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives..

开发过程中报错问题：代码：报错信息：[eslint-plugin-vue][vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives
weixin_30706691·2024-01-27 10:57

Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for

个人公众号::✨✨可为编程✨✨个人信条:知足知不足有为有不为为与不为皆为可为关注公众号【可为编程】回复【面试】领取年度最新面试题大全!!!方法一：错误代码:Customelementsiniterationrequire‘v-bind:key‘directivesvue/valid-v-for{{item.label}}修改后{{item.label}}添加一个：key就可以了方法二错误提示：Cu
可为编程·2024-01-27 10:57

vue报错——[vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives.

[vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives.
要加油哦～·2024-01-27 10:57

解决vue v-for报错[vue/valid-v-for] Custom elements in iteration require ‘v-bind:key‘ directives.eslint-p

报错：[vue/valid-v-for]Customelementsiniterationrequire‘v-bind:key’directives.eslint-plugin-vue原因：这是因为我安装的
swift D·2024-01-27 10:56

v-for报错：[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives

报错翻译Elementsiniterationexpecttohave‘v-bind:key’directives迭代中的元素希望有“v-bind:key”指令解决办法一种方法是“屏蔽ESLint对vue
大雄不是大熊·2024-01-27 09:54

vue使用v-for循环时报错：[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives

{{item.name}}{{item.password}}{{item.identity}}使用该循环报错将代码改为：{{item.name}}{{item.password}}{{item.identity}}即在v-for循环后加上:key=""。(注意冒号和前面的引号之间加一个空格)。Vue2.2.0+的版本里，当在组件中使用v-for时，key是必须的这是修改代码的解决办法也可以在bui
ITarmi·2024-01-27 09:54

VSCode Vue项目中报错 [vue/require-v-for-key]

报错[vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives.eslint-plugin-vue解决办法：
洛洛31·2024-01-27 09:22

【Vue3】指令(Directives)的运用

directives指令是带有v-前缀的特殊attribute。Vue提供了许多内置指令，例如：v-bind、v-html等。
ZSK6·2024-01-27 09:36

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中的常用指令

Vue中的常用指令概念：指令（Directives）是Vue提供的带有v-前缀的特殊标签属性。为啥要学：提高程序员操作DOM的效率。
斐波娜娜·2024-01-25 02:40

【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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他