directives

注册vuetify自带指令

已v-resize为例vuetify.js//引入【指令】文件import{Resize}from'vuetify/lib/directives'//注册指令Vue.use(Vuetify,{directives
边中之城·2023-11-15 10:11

Vue中自定义指令用法

也允许我们来自定义自己的指令注意:在Vue中，代码的复用和抽象主要还是通过组件通常在某些情况下，你需要对DOM元素进行底层操作，这个时候就会用到自定义指令自定义指令分为两种:自定义局部指令:组件中通过directives
SevgiliD·2023-11-15 09:12

VUE指令(内容渲染指令{{}}，属性绑定指令v-bind，事件绑定指令v-on，双向绑定指令v-model，条件渲染指令v-show、v-if，列表渲染指令v-for)与过滤器，$event，

指令的概念：指令(Directives)是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。
不想qiao代码·2023-11-15 04:09

Vue3 添加按钮权限自定义指令

1需求根据不同的权限展示或隐藏新增编辑的按钮2实现使用自定义指令来控制按钮，当有权限是就显示按钮，没有就移除元素3代码实现过程3.1创建指定要权限按钮控制文件src/directives/permission.ts
星期天!·2023-11-14 16:40

vue3自定义指令——元素平滑移动

vue提供一个用户可以高度自定义的指令入口directives利用这个入口我们实现一个常见的元素平滑移动的自定义指令‘sl’首先我们结合指令创建一个多元素的界面：这个场景我们在很多网站，商城都有见过，特别对于移动端的清单类界面我们的终极目标是在滚动的过程中出现在视口的元素移动
Eirice·2023-11-14 15:11

Vue中的常用指令v-html / v-show / v-if / v-else / v-on / v-bind / v-for / v-model

前言持续学习总结输出中，Vue中的常用指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/v-model概念：指令（Directives）是Vue提供的带有v-前缀的特殊标签属性
星辰迷上大海·2023-11-12 08:39

vue项目中，element-ui select 的下滑加载更多

select的option中滑动超过option的高度，就会触发一个事件，然后调用自己的函数，代码如下：1首先给el-select绑定一个事件，这个事件element是不支持的，所以要自己定义一个属性：directives
要怎么样才能取一个独一无二的名字·2023-11-11 19:31

Vue3指令

Vue指令（Directives）是Vue.js的一项核心功能，它们可以在HTML模板中以v-开头的特殊属性形式使用，用于将响应式数据绑定到DOM元素上或在DOM元素上进行一些操作。
暴怒的代码·2023-11-07 11:16

el-select下拉滚动加载

/这里主要是一个地方需要注意就是自定义指令这里下面我们会使用到就是//**v-el-select-loadmore="handleLoadmore"js代码自定义指定切记和data是同级的千万不要写错directives
TJHWM_·2023-11-06 17:28

第十七节——指令

一、概念在Vue.js中，指令（Directives）是一种特殊的语法，用于为HTML元素添加特定的行为和功能。
爱在你心中·2023-11-05 05:15

04《Vue 入门教程》Vue 常用指令

2.木子解释指令(Directives)是带有v-前缀的特殊attribute。指令attribute的值预期是单个JavaScript表达式(v-for是例外情况，稍
木子教程·2023-10-31 01:50

elementUI el-dialog 可拖拽

在utils中新建directives.js文件importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding
放逐的帝王·2023-10-30 13:01

C++基础之关键字——using使用详解

指示使用某命名空间，对命名空间成员进行声明也就是说指明用哪个命名空间的成员Using-directives：指示使用某命名空间,这也是最常见的使用方法语法:attr(optional)usingnamespacenested-name-specifier
helpburn·2023-10-30 09:29

以vue项目为例，实现element-ui弹窗组件可拖动效果

el-dialog本身是不支持拖动的会在界面居中对齐并带有15vh的上边距本文以vue项目为例实现elementui弹窗的拖动功能我们在src下创建一个目录叫utils在下面创建一个文件叫directives.js
跟 耿瑞 卷出一片天·2023-10-28 10:40

vue directives自定义指令的使用

有的情况下，需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。自定义指令使用情景：1.按钮级别权限的控制。2.按钮的波纹动态效果。3.一键copy的功能。4.输入框自动聚焦。5.下拉菜单，点击下拉菜单以外的地方时隐藏下拉菜单。6.时间转换，比如朋友圈发布动态后的相对时间，比如刚刚、两分钟前等等。7.输入框的最小值和最大值限制。一：自定义指令有全局注册指令和局部注册指令两种方式：全局注册指
xiaoxiao无脸男·2023-10-27 10:20

Vue2自定义指令全局使用多个

1、先在src下创建文件夹directives用于存放自定义指令src/└──directives/└──image-error/├──index.js└──README.mdindex.js代码基本配置
Alan Lu Pop·2023-10-27 10:15

Vue07/Vue自定义指令 局部注册 全局注册 自定义指令值传值

自定义指令自定义指令作用:封装dom操作,扩展额外功能1.自定义指令-局部注册语法:directives:{'自定义指令名':{inserted(自定义参数名){}}}2.自定义指令-全局注册语法:main.js
春暖花开.,·2023-10-27 10:44

vue通自定义指令实现按钮权限控制

//在模板中启用v-focusconstvFocus={mounted:(el)=>el.focus()}在没有使用的情况下，自定义指令需要通过directives选项注册：exportdefault{
goat-on-the-way·2023-10-26 05:13

Vue自定义指令-按钮权限

1.使用directives选项完成了指令的局部注册exportdefault{directives:{//在模板中启用v-focusfocus}}2.将一个自定义指令全局注册到应用层级constapp
萝卜快跑。·2023-10-26 05:42

vue2-指令

实现原理：在模板解析阶段，将节点上的指令解析出来并添加到AST的directives属性中。随后directiv
AAA前端·2023-10-25 11:28

04-vue第四天学习笔记

1.自定义指令1.1基础语法全局注册：在main.js文件中，进行注册Vue.directive('指令名',{inserted(el){//处理逻辑代码}})局部注册：在当前组件内进行注册directives
孤城星空·2023-10-21 22:31

Vue自定义指令

我们可以根据自己的需求实现自定义指令，语法格式如下：directives:{自定义指令名(element,binding){//实现代码}}这里的element就是DOM节点，binding就是指令的相关信息
柳穿鱼^·2023-10-20 20:22

【融职培训】Web前端学习 第7章 Vue基础教程3 模板语法

一、指令指令(Directives)是带有v-前缀的特殊属性，在此之前我们学习过的指令如下所示：v-bindv-on本节我们将会介绍更多的vue指令。
lmonkey_01·2023-10-19 13:45

vue3自定义指令批量注册

第一步、在src目录下新建directives文件文件夹用来存放不同的指令，以dbounce指令为例：第二步、在directives目录下创建debounce.js文件，文件内容如下：//防抖constdebounceClick
天道酬勤_鹿·2023-10-18 04:48

如何在vue中实现图片懒加载

2.在vue2中实现图片懒加载通过自定义指令1.在src下新建directives->lazy.j
格式化小拓·2023-10-17 13:17

Vue中好用的打印组件 vue-print-nb

这个组件的好处是可以保留已有的样式,不用写两套css(如果你使用的是print.js,你是需要写两套css的)id是打印区域点击打印importPrintfrom'vue-print-nb'exportdefault{directives
万叶_·2023-10-15 03:49

vue中elementUI的表格实现自定义编辑

此处我使用了mixnis混合tableEdit.js//实现table表格，点击编辑exportconsttableEdit={directives:{focus:{//指令的定义inserted:function
° う·2023-10-14 19:45

vue自定义指令directives

官网:https://cn.vuejs.org/v2/guide/custom-directive.htmlv-if等是内置的指令,在这里研究自定义指令局部自定义指令在directives中定义,在一个组件中定义的
ziyue7575·2023-10-14 01:22

基于vue实现可拖动弹框

el-dialog弹框拖拽1、在utils中新建directives.js文件importVuefrom'vue'//自定义元素实现弹框拖拽[重点]Vue.directive('draw',{inserted
仰寒天·2023-10-13 11:51

TailwindCss Functions & Directives

Directives@tailwind@layer@apply@config【一般放在最后面，@import导入其他css文件后】@tailwindbase;@tailwindcomponents;@tailwindutilities
Fy哥·2023-10-12 23:55

vue自定义指令

//在模板中启用v-focusconstvFocus={mounted:(el)=>el.focus()}在没有使用的情况下，自定义指令需要通过directives选项注册:exportdefault{
.星空.·2023-10-11 18:06

vue 自定义指令之防抖动函数

vue2directives:{preventReClick:{//指令的定义inserted:function(el,binding){el.addEventListener('click',()=>
陆仁丶·2023-10-11 16:08

Vue 选项合并规则

data、provide等选项使用mergeDataOrFn生命周期钩子及watch合并为数组，使得父子选项中的钩子函数都能够被执行directives、filters及components等资源选项，
茂茂爱吃鱼·2023-10-11 08:02

Vue 内点击 url 下载文件

点击下载会直接打开文件的问题,*2.下载文件时,浏览器会有闪动的问题**页面内使用*1.引入指令importdownLoadfrom'@/directive/down-load-url'*2.注册指令directives
小丶侯·2023-10-10 23:00

Elements in iteration expect to have 'v-bind:key' directives错误的解决办法

在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示，“Elementsiniterationexpecttohave'v-bind:key'directives
ktHub·2023-10-10 11:59

【精选】Nginx模块Lua-Nginx-Module学习笔记（二）Lua指令详解(Directives)

源码地址：https://github.com/Tinywan/Lua-Nginx-RedisNginx与Lua编写脚本的基本构建块是指令。指令用于指定何时运行用户Lua代码以及如何使用结果。下面是显示指令执行顺序的图。当一个请求发起一个“子请求”的时候，按照Nginx的术语，习惯把前者称为后者的“父请求”（parentrequest）。location/main{echo_location/fo
weixin_33969116·2023-10-08 13:33

Nginx模块Lua-Nginx-Module学习笔记———Lua指令详解(Directives)

Nginx与Lua编写脚本的基本构建块是指令。指令用于指定何时运行用户Lua代码以及如何使用结果。下面是显示指令执行顺序的图。当一个请求发起一个“子请求”的时候，按照Nginx的术语，习惯把前者称为后者的“父请求”（parentrequest）。location/main{echo_location/foo;#echo_location发送子请求到指定的locationecho_location/
奋斗的小猴子·2023-10-08 13:01

进阶Vue

1，定制私有指令域名都过期了，狗屁玩意儿-->varapp=newVue({el:"#app",directives:{'fontWeight':{bind:function(el,binding){el.style.color
刻苦的樊同学·2023-10-07 18:27

vue.js 生命周期

beforeCreate//在实例初始化之后、创建之前执行created//实例创建后执行beforeMounted//在挂载开始之前调用filters//挂载前加载过滤器computed//计算属性directives-bind
zeloas·2023-10-07 07:59

Vue自定义指令和Vue生命周期

一.自定义指令自定义指令总结:1.定义语法:(1).局部指令    newVue({      directives:{指令名,配置对象}    })或者    newVue({      directives
浅Q·2023-10-05 11:50

元素之外点击指令

directives:{clickoutside:{bind(el,binding,vnode){functiondocumentHandler(e){varreg=RegExp(vnode.context.popupId
如你眉间山水·2023-10-04 15:46

Vue获取input焦点

方法一：使用自定义事件exportdefault{data(){return{}},directives:{focus:{//指令的定义inserted:function(el){el.focus()}
royluck·2023-10-02 00:57

angular.module 详解

可以将module理解成一个容器，可以往其中放入controllers、services、filters、directives等应用的组成部分。
邪人君子·2023-09-30 06:02

element-ui Select 选择器 滚动加载 (vue 指令)

element-ui组件并不能满足我们的所有要求，比如Select选择器滚动，解决方案如下：vue指令、插件开发以单前文档为例，在main.js同级目录下创建directives.js文件importVuefrom'vue'letMyPlugin
幽冥雪羽·2023-09-28 09:12

【快应用】如何在快应用中使用自定义指令

【实现方案】1、定义全局指令当我们需要在多个页面或组件中使用某个自定义指令时，可以在app.ux中定义directives对象，d
Mayism123·2023-09-27 14:30

vue自定义指令

目录一、什么是自定义指令二、全局自定义指令directive三、局部自定义指令directives四、自定义指令的调用五、自定义指令的钩子函数六、自定义指令传参七、常见自定义指令一、什么是自定义指令vue
思考的行者·2023-09-25 17:16

vue input 正整数

并且为正整数，实现方式多种多样，这里主要记录两种解决方案自定义指令我们可以通过自定义指令来解决数据处理问题，以下方式直接可以适用于element的input标签上，将数据过滤为正整数且可以设置允许的最大值directives
装满map的哈希·2023-09-25 17:16

vue通过自定义指令实现文本框只能输入正整数

directives:{numInput(el){el.addEventListener("keypress",function(e){e=e||window.event;letcharcode=typeofe.charCode
悠哉码农的日常·2023-09-25 17:14

vue源码分析（二十二）Vue之指令（v-text、v-html）

我们先来看看代码“src/platforms/web/compiler/directives”目录下面包含html.js和text.js，代码分别如下：html.js/*@flow*/import{addProp
vue爱好者·2023-09-24 21:15

优雅使用 vue3.x + lodash 在项目中管理、封装指令

管理指令统一管理统一包管理：通过创建directives文件夹，我们可以将所有与指令相关的文件集
·2023-09-22 17:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他