Directive 第22页

Vue中的全局指令防止按钮重复点击

(vue指令实现)阻止快速点击按钮会重复多次调用接口的全局指令防止按钮重复点击1.common.js首先引入VueimportVuefrom'vue';constpreventReClick=Vue.directive

·2022-08-15 10:44

vue节流全局指令超级简单

这里贴出全局文本框用户输入后0.8秒执行方法的节流指令和按钮节流的点击事件一、输入框节流外部引入指令方式：1.1：新建debounce.js文件：```importVuefrom'vue'//自定义防抖Vue.directive

江南永保春·2022-08-12 10:51

vue3 多级右键菜单升级版

多级菜单指令化Directivev-contextmenu="菜单数据"参考一个开源项目PPTIST结果样式image.png目录结构指令image.png菜单template组件image.png引入

无题syl·2022-08-09 17:09

vite + vue3 + ts + pinia + elementui 基础后台管理系统

+pinia+elementui版本功能具备侧边栏、标签导航栏路由页面跳转权限控制（路由、按钮）代码规范（需要安装Volar）演示代码目录srcassets静态资源images图片common公共资源directives

·2022-08-03 12:57

nginx-stream端口转发

DANGER]在完成端口转发配置时，出现了nginxunknowndirective"stream"错误，配置如下：stream{upstreamredis{server127.0.0.1:6379max_fails

dingwen_blog·2022-07-26 16:49

Vue3.2单文件组件setup的语法糖与新特性总结

目录前言setup语法糖一、基本用法二、data和methods三、计算属性computed四、监听器watch、watchEffect五、自定义指令directive六、import导入的内容可直接使用七

·2022-07-24 13:57

深入聊一聊Angular开发的内容

目录前言组件Component路由Router管道Pipeline指令Directive服务Service总结前言阅读本文，是在你了解Angular基本知识的前提下，如果读者还不了解，请前往官网了解。

·2022-07-15 10:02

关于 Angular 应用 Components 和 Directives 的实例化问题

同AngularModule不同，AngularComponents和Directives要实例化多次，每个出现在HTMLtemplate中的markup都会对应一次实例化。

·2022-07-10 10:45

Vue3 编写自定义指令插件的示例代码

编写自定义插件//src/plugins/directive.tsimporttype{App}from'vue'//插件选项的类型interfaceOptions{//文本高亮选项highlight?

·2022-07-09 19:47

vue中v-bind提示的一个小错误，单双引号混乱问题

vue中v-bind提示的一个小错误，单双引号混乱问题一、发现问题在写一个管理系统时，发现vue突然报了个关于v-bind的错误，具体问题如下error'v-bind'directivesrequireanattributevalue

番薯仔·2022-07-07 09:36

vue3组件化开发之可复用性的应用实例详解

自定义指令指令(Directives)是带有v-前缀的特殊attribute。v-textv-showv-if...等是vue中内置的一些指令，当这些内置指令无

·2022-07-06 16:35

MutationObserver在页面水印实现起到的作用详解

，所以说看似简单的功能，要尽力做到：1、严谨性2、安全性实现水印其实实现水印并不难，只需要利用自定义指令+canvas+background-image即可，实现起来也非常方便：importtype{Directive

·2022-07-06 16:25

vue中4个自定义指令讲解及实例用法

·2022-07-05 10:21

《Vue入门到精通》最强Vue教程，附带经典案例，万字详解，干货十足！

4、jQuery、javascript、Vue的区别5、Vue框架构造三、Vue的使用1、Vue环境搭建2、插值表达式3、指令（Directives）1、什么是指令2、指令API1、v-cloak解决插值闪动

御弟謌謌·2022-06-27 22:58

【directives】自定义指令之input数值

需求由于input输入框的number类型不调好用,故通过自定义指令给elementel-input组件设置输入限制功能1.可设置允许输入的最大最小值2.可设置精度3.限制非数值输入输入限制1.小数点"."不允许出现在第一位,且只允许输入一次2.负号"-"仅可以出现在第一位,且配置最小值允许出现负值时可用3.限制输入法的输入事件未实现功能TODO/(ㄒoㄒ)/~~精度拦截目前在输入时未做拦截原因:

两年半练习程序员·2022-06-24 14:05

【汇编语言】子程序递归求和

设和不会溢出完整代码;ThisisthestructureofamainmoduleusingcompletesegmentdirectivesDATASEGMENT;......PlacedatadeclarationshereNDB

ProphetMo__·2022-06-23 13:29

使用HbuilderX学习Vue笔记

html中的页面结构{{msg}}//2.创建一个vue的实例varvm=newVue({el:'#app',data:{msg:'欢迎学习vue'}methods:{}//存放自定义的方法directives

SEVEN clock·2022-06-20 01:48

关于 Web Content-Security-Policy Directive 通过 meta 元素指定的一些测试用例

ContentSecurityPolicy是一种使用标题或meta元素来限制或批准加载到指定网站上的内容的策略。这是一个广受支持的安全标准，所有网站运营者都应该对这些标准了然于心。使用CSP通过说明允许或不允许的规则为Web网站增加了一层保护。这些规则有助于防御内容注入和跨站点脚本(XSS)攻击，这是OWASP的十大Web应用程序安全风险中的两个。当攻击者能够通过注入恶意代码来破坏未受保护的网站时

·2022-06-20 00:10

Element Dialog及DIV拖动功能

Dialog拖动写法1、在src\directive文件夹里新增一个文件夹el-dragDialog在新el-dragDialog文件夹里增加drag.js、index.js两个JS文件image.pngdrag.jsexportdefault

色即是猫·2022-06-16 13:22

Element如何实现loading的方法示例

目录前言使用loading的几种方式loading指令实现指令通过指令来创建loading代码实现directive创建loading实例loading动画其他loading使用方式编程式使用组件式使用总结前言互联网时代

·2022-06-15 10:18

笔记：Vue 2.0

Vue2.0下载与安装Vue项目vue项目文件介绍Vue插件Vue实例el关联元素data数据methods函数computed计算属性watch侦听(监视)属性filters过滤器(Vue3.0已移除)directives

我才是真的李成贤·2022-06-15 09:17

vue中如何自定义指令directive

一、什么是自定义指令我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令指令使用的几种方式：//会实例化一个指令，但这个指令没有参数`v-xxx`//--将值传到指令中`v-xxx="value"`//--将字符串传入到指令中，如`v

star@星空·2022-06-15 09:47

常用的八个vue自定义指令

先来看看注册全局指令的方式，通过Vue.directive(id,[definition])方式注册全局指令。然后在入口文件中进行Vue.use()调用。批量注册指令，新建directiv

半夏遮流年シ·2022-06-15 09:47

长按按钮执行函数

在utils文件夹下创建longPress.tsimport{DirectiveOptions}from'vue';constlongPress:DirectiveOptions={//bind：只调用一次

阿六啊·2022-06-11 20:06

vue中使用自定义指令实现按钮权限展示问题

一、在src下新建directive文件夹二、定义index.js文件，在vue上注入自定义指令importhasBtnfrom'.

suoh's Blog·2022-06-04 04:36

关于vue中输入框的使用场景总结

$refs.myInput.focus();});},第2种方法：自定义v-focus指令为了方便，这里用到了jqueryVue.directive('focus'

·2022-05-31 15:58

vue全局注册自定义指令防抖解析

mian.js里面注册3、使用vue防抖的使用防抖函数在vue中直接使用vue中使用高阶组件vue中自定义指令使用全局注册自定义指令防抖1、先建一个js文件建一个debounce.js文件，放在src/directives

·2022-05-30 17:47

·2022-05-30 14:37

vue的自定义指令传参方式

Vue.directive('zoom',{ bind:function(

·2022-05-30 14:37

Vue.js自定义指令的基本使用详情

但会把绑定的数值放大10倍当前的n值是放大10倍后的n值是：点我n+1Vue.config.productionTip=false//创建vue实例newVue({el:"#root",data:{n:1},directives

·2022-05-27 14:33

前端路线--Vue（day03）

实质上是自定义属性//全局自定义指令和私有自定义指令//全局自定义指令可以在所有的实例中使用，私有自定义指令只能在定义的实例对象中使用//console.dir(Vue)//1.定义全局指令//Vue.directive

喝西瓜汁的兔叽Yan·2022-05-16 12:54

Vue之可拖动容器大小（ResizableContainer）

Vue之ResizableContainer效果代码123importPanelResizefrom'@/directive/resizer'exportdefault{directives:{PanelResize

kaiyu5609·2022-04-30 20:02

解决v-if 与 v-for 同时使用报错的问题

报错代码如下：提示错误：The'undefined'variableinside'v-for'directiveshouldbereplacedwithacomputedpropertythatreturnsfilteredarrayinstead.Youshouldnotmix'v-for'with'v-if

·2022-04-30 14:18

vue使用自定义指令实现按钮权限展示功能

目录一、在src下新建directive文件夹二、定义index.js文件，在vue上注入自定义指令三、编写自定义指令四、使用一、在src下新建directive文件夹二、定义index.js文件，在vue

·2022-04-29 09:20

vue实现放大缩小拖拽功能

本文实例为大家分享了vue实现放大缩小拖拽功能的具体代码，供大家参考，具体内容如下点击放大至全屏再次点击缩小至原始这个弹框是基于elementdialog的基础上写的1.再utils文件夹下面新建一个directives.js

·2022-04-25 09:45

Vue中点击url下载文件-案例

封装自定义指令将url转成bold,在创建a标签下载blob代码实现在src下面的directive文件夹下新建目录downLoadUrldownLoadUrl/index.js文件/**后端返回文件的

JackieDYH·2022-04-19 14:51

Vue中点击url下载文件的案例详解

目录代码实现使用注意封装自定义指令将url转成bold,在创建a标签下载blob代码实现在src下面的directive文件夹下新建目录downLoadUrldownLoadUrl/index.js文件

·2022-04-19 12:33

8个非常实用的Vue自定义指令

先来看看注册全局指令的方式，通过Vue.directive(id,[definition])方式注册全局指令。然后在入口文件中进行Vue.use()调用。批量注册指令，新建directiv

IT 哈·2022-04-19 07:12

vue实现web滚动条分页

在你的帮助类里面新建一个slidePagination.js文件2.将下面的代码复制进去importVuefrom'vue'//聚焦指令//注册一个全局自定义指令`v-focus`//v-focusVue.directive

·2022-04-11 14:46

vue v-dialogDrag自定义指令 + element-ui: 实现弹窗拖拽组件

有一个dialog弹框，弹框的背景并不是全屏的，只在除header，sidebar的地方显示，要求拖拽dialog弹框不能超过背景1、在components/common创建directives.js，

·2022-04-11 14:39

TypeScript 里的 Reference Type 和 Triple-Slash Directives

SAPSpartacus是一个TypeScript应用，在有些文件开头，发现了这样的定义：//'@sapui5/ts-types-esm'packagecontainstypesforsapmodules,e.g.'sap/ui/core/Core'///对第31行的代码按住Ctrl再单击鼠标左键：直接跳转到了sap.ui.core.d.ts文件内部：///的正式名称叫Triple-SlashDi

·2022-04-03 11:31

element-ui select下拉框滚动加载更多

image.png1.src下新建一个文件夹，创建一个指令importVuefrom'vue'exportdefault()=>{Vue.directive('scroll',{bind(el,binding

web30·2022-04-01 16:50

v-if 与 v-for 同时使用会报错

报错代码如下：提示错误：The'undefined'variableinside'v-for'directiveshouldbereplacedwithacomputedpropertythatreturnsfilteredarrayinstead.Youshouldnotmix'v-for'with'v-if

辉太狼`·2022-03-29 09:00

Vue.js directive自定义指令详解

自定义一个demo指令Vue自定义指令语法如下：Vue.directive(id,definition)传入的两个参数，id是指指令ID，definition是指定义对象。

·2022-03-28 17:02

Vue2中Element UI表单的使用详解

目录引入ElementUI表单中组件数据的获取表单中的修饰符实例自定义指令全局指令directive不带参inserted带参bind局部指令directives总结引入ElementUI表单中组件数据的获取利用

·2022-03-28 11:23

详解nginx location指令

location介绍location是Nginx中的块级指令(blockdirective),，location指令的功能是用来匹配不同的url请求，进而对请求做不同的处理和响应，这其中较难理解的是多个

·2022-03-19 13:32

实现文本内容是超链接时自动转换为超链接

文本内容出现超链接时，自动让其变成超链接解决办法：使用自定义指令实现数据过滤转化为超链接在min.js定义全局自定义指令//自定义指令全局指令,引用就自行引用了importVueform'vue'Vue.directive

子义间·2022-03-18 03:06

has no exported member

/node_modules/vue/dist/vue"'hasnoexportedmemberhasnoexportedmember'reactive'.Didyoumean'Directive'?

klzsr·2022-03-16 09:47

petite-vue源码剖析-双向绑定`v-model`的工作原理

深入v-model工作原理exportconstmodel:Directive=(

·2022-03-15 12:28

petite-vue源码剖析-ref的工作原理

/src/directives/ref.tsexportcons

·2022-03-15 08:36

推荐频道

Directive