Directive

vue3 + ts 通过自定义指令实现可以自由拖动的盒子

通过自定义指令实现一个盒子（类似弹窗）可以被鼠标在浏览器的可视区域内自由拖动：下面直接上代码：（注：代码使用了vue3+ts的写法）template我是一个可以被鼠标拖动的盒子typeScriptimport{ref,Directive
廖若星辰LTY·2023-08-25 18:46

vue通过自定义事件实现盒子拖拽效果

代码directives:{drag:(el)=>{el.onmousedown=(e)=>{//鼠标相对于要移动的盒子的距离letdisx=e.pageX-el.offsetLeft;letdisy=
清缓存试试·2023-08-25 18:46

vue中实现拖动效果改变页面两侧盒子宽度

）：importVuefrom'vue'import{EventListener}from'@/utils/index'//引入EventListener自定义监听事件方法，写法在我另一篇文章Vue.directive
上菜前端饭·2023-08-25 18:44

自定义拖拽功能，上下拖拽改变盒子高度

核心在于监听鼠标的move来改变div的高度，抽成了组件exportdefault{name:'Drag',directives:{draggable:{inserted(el){el.style.cursor
那就可爱多一点点·2023-08-25 18:14

vue3鼠标拖拽滑动效果

第一步在utils下面新建一个directives.js文件，然后引入如下代码constdragscroll=(el)=>{el.onmousedown=ev=>{constdisX=ev.clientX
关键因素XFactor·2023-08-25 13:36

Nginx配置(ngx_http_fastcgi_module)

Directivesfastcgi_bindfastcgi_buffer_sizefastcgi_bufferingfastcgi_buffersfastcgi_busy_buffers_sizefastcgi_cachefastcgi_cache_background_updatefastcgi_cache_bypassfastcgi_cache_keyfastcgi_cache_lockfas
PurelightMe·2023-08-25 06:50

按钮权限控制

搜索关键字：自定义指令传参|+"自定义指令"+"dataset"|自定义指令dataset|+"Vue"+"directives"|vue按钮权限实现1、完整代码：报表管理折线图新增导出打印分享exportdefault
赵海燕·2023-08-25 00:14

vue3 实现按钮权限管理

exportdefaultfunctionbtnPerms(app){app.directive('permission',{mounted(el,binding){if(!
Apeng_0919·2023-08-24 18:04

ios微信6.7.4微信关于input的bug

varisAndroid=navigator.userAgent.indexOf('Android')>-1||navigator.userAgent.indexOf('Adr')>-1;//android终端Vue.directive
杨wen慧·2023-08-24 12:40

vue select 分页加载数据（懒加载）

在el-selec上加v-el-select-loadmore指令（在下面定义）Vue.directive：注册或获取全局指令。
陈怂怂·2023-08-24 10:46

element下拉框可远程搜索，滑动到底可加载

1、先自定义封装指令，滚轮到底的触发事件创建elementScroll/index.js文件importVuefrom'vue'Vue.directive('loadmore',{bind(el,binding
天气晚来秋~·2023-08-24 10:12

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

一、首先在src下创建一个js文件，完成自定义指令的编写importVuefrom'vue'exportdefault()=>{Vue.directive('selectScroll',{bind(el
WeiflR10·2023-08-24 10:12

自定义滑动到底部触发指令，elementUI实现分页下拉框

在main.js中添加//自定义滑动到底部指令Vue.directive('selectLoadMore',{bind(el,binding){//获取element-ui定义好的scroll盒子constSELECTWRAP_DOM
szx的开发笔记·2023-08-24 10:41

vue3自定义指令防止表单重复提交

any,ctx:any){console.log(props,ctx);constsubmitForm=()=>{console.log("提交表单");};return{submitForm};},directives
_Jyann_·2023-08-24 04:26

vue中如何自定义指令directive

目录一、什么是自定义指令二、如何自定义指令三、应用场景一、什么是自定义指令我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令指令使用的几种方式：//会实例化一个指令，但这个指令没有参数`v-xxx`//--将值传到指令中`v-xxx
小聪_·2023-08-23 19:20

angular指令

在Angular中，指令（Directives）是一种用于扩展和修改HTML元素行为和外观的机制。Angular提供了三种常见类型的指令：组件指令、结构型指令和属性型指令。
菜蜗牛很菜·2023-08-23 10:29

问题记录-vue打包后出现'X-Frame-Options跨域问题

***:***/realtime_main.aspx':'*'isnotarecognizeddirective.Theheaderwillbeignored.解决方式：1.后台
SimpleK·2023-08-23 10:14

element-ui里面的下拉多选框 el－select 时，默认值不可删除

://blog.csdn.net/qq_36356218/article/details/102605332这位大佬的代码这里讲具体用法1.在main.js编写一个自定义指令放在newVue外Vue.directive
龙猫小哥·2023-08-22 21:23

Element-Ui Select下拉框无限滚动调分页接口(自定义指令)

需求:想要一次加载10条数据，滚动条加载到底部触发下一个十条数据，无限循环直到无数据一、首先在src下创建一个js文件，完成自定义指令的编写directives.jsimportVuefrom'vue'exportdefault
是小橙鸭丶·2023-08-22 07:43

前端权限验证之自定义指令v-permission

/permission'constinstall=function(Vue){Vue.directive('permission',permission)}if(window.Vue){window['
Queen_live·2023-08-22 05:24

解决饿了么ui的el-dialog对话框移动问题

1.我们在src下创建一个目录叫utils在下面创建一个文件叫directives.js参考代码如下importVuefrom'vue';//v-dialogDrag:弹窗拖拽属性Vue.directive
HGYYR·2023-08-20 21:26

解决Vue项目按钮重复提交

当用户快速点击提交按钮时，会发送多个请求，为了防止这个问题，我们需要对按钮进行限制:1.首先建立一个preventClick.js的文件,写入以下代码//设置点击间隔importVuefrom'vue'Vue.directive
_Struggle_·2023-08-20 20:47

vue防抖节流指令

参考：https://juejin.im/post/5e328dd85188254e1b0c6e5b在src下新建directives文件夹，新建index.jsimportVuefrom'vue'/*
w_小伍·2023-08-20 12:33

vue项目运行报错：error ‘v-model‘ directives require no argument vue/valid-v-model

在项目运行时，会报错：error'v-model'directivesrequirenoargumentvue/valid-v-model解决方法，在根目录，.eslintrc.js文件中，添加：'vue
AwoCT·2023-08-19 11:16

vue中自定义指令的使用

vue中自定义指令的使用方法：全局自定义指令和局部自定义指令1、全局自定义指令Vue.directive(‘指令名’,{配置对象})局部自定义指令下面的例子是：定义一个v-find指令，让输入框的input
凉飕飕111·2023-08-19 08:48

Vue技术—自定义指令

自定义指令总结一、定义语法：1、局部指令newVue({directives:{指令名:配置对象}})或newVue（{directives(指令名:回调函数)}）2、全局指令：Vue.directive
小恶魔ly·2023-08-19 08:17

vue中自定义指令

下面是一个简单的示例，展示如何在Vue中定义和使用自定义指令：创建指令：在Vue中，可以使用Vue.directive方法来创建自定义指令。该方法接受两个参数：指令名和一个包含相关钩子函数的对象。
LiuJia111222333·2023-08-19 08:44

html post后404,javascript - POST http://localhost:3000/ 404 (Not Found) - Stack Overflow

I'mworkingonwebfilebrowserwithuploadfunction.I'musingAngularFileUploaddirectiveandangularwebfilebrowser.FirstoffI'vedownloadedfilewebbrowserandconfiguredit.SecondI'vedownloadedfileuploaddirectiveanddi
萦小主·2023-08-19 02:47

el-input添加自定义指令只允许输入中文/英文/数字，兼容输入法事件

省流script:directives:{regexp:{inserted:(el,binding,vnode)=>{letcomposition=falseconstformatValue=function
weixin_42309175·2023-08-18 05:32

This dependency was not found: * core-js/modules/es.error.cause.js in ./node_modules/_@babel_runtim

/src/directive/permission/hasPermi.jsand5othersT
石马农汪·2023-08-17 12:19

《图解Vue3.0》- 第5节 模板语法-指令

指令（Directives）是vue模板中最常用的一项功能，它带有前缀v-。指令的主要职责就是当其表达式的值改变时，相应地将某些行为应用到DOM上。接下来将对每一个指令，一一了解一下。
张中华·2023-08-17 05:51

Vue中使用图片懒加载以及注意要点

import{useIntersectionObserver}from"@vueuse/core";//图片懒加载exportconstlazyPlugin={install(app){//自定义指令：app.directive
·2023-08-16 18:57

Angular中的装饰器

类装饰器：函数类装饰器应用于类构造函数，能够用来监控、修改或替换类定义对象类装饰器表达式会在运行时看成函数被调用，类的构造函数做为惟一的参数继承@Component标记类做为组件并收集组件配置元数据(继承Directive
海绵饱饱_wk·2023-08-16 09:58

基于ant-design的a-modal自定义vue拖拽指令

/core/directives/dragDialog.js’//让dialog支持鼠标拖动importVuefrom'vue'Vue.directive('DragDialog',{update:function
devincob·2023-08-15 19:55

el-table实现懒加载（el-table-infinite-scroll）

saveel-table-infinite-scroll@22.全局引入：importElTableInfiniteScrollfrom"el-table-infinite-scroll";//懒加载Vue.directive
爱写代码的派大星·2023-08-15 17:19

vue源码分析（二十三）Vue之指令（v-show）

我们打开文件src/platforms/web/runtime/directives/show.js/*@flow*/import{enter,leave}from'..
vue爱好者·2023-08-15 16:39

vue 限制表情输入

/util/emoji'Vue.directive('emoji',emoji)在util文件夹中加入emoji.js下列代码constfindEle=(parent,type)=>{returnparent.tagName.toLowerCase
花归去·2023-08-15 09:10

vue install （外挂 vue全局管理）

文件里面写入  exportdefault{install(vue){     }}里面是vue的实例，如果想实现全局的自定义指令  exportdefault{//全局指令install(vue){ vue.directive
卑微的雨落·2023-08-15 04:58

vue自定义指令的使用

vue2.x自定义指令的使用此处举一个表格高度自适应的例子1.新建一个js文件importVuefrom'vue';letresize=null;resize=Vue.directive('resize
weixin_44734152·2023-08-14 16:31

vue自定义指令使用

自定义指令分为全局自定义指令和局部的自定义指令全局自定义指令是通过Vue.directive(‘第一个参数是指令的名称’,{第二个参数是一个对象，这个对象上有钩子函数})下边举例说明:Vue.directive
小城生活·2023-08-14 16:31

Vue自定义指令

自定义指令：v-focus//注册一个全局自定义指令`v-focus`Vue.directive('focus',{//当被绑定的元素插入到DOM中时……inserted:function(el){//
江醉鱼·2023-08-14 16:01

uniapp directive 在原生 wgt 包不生效 uniapp directive 不生效

尝试开发环境用Chrome跑，一切正常，构建打包后去真机跑，按钮没控制住（用HBX-发行-原生应用app制作wgt包）开发环境：HBX:3.7.9系统:MacOS:13.0.1（Intel）通过directive
2301_77550592·2023-08-14 11:14

编写一套工具库并上传NPM

你的工具箱开箱即可用的directive\utils，说明：vue3-directive-tools是一个方便在Vue3+Ts项目中快速使用的directive、tool的npm插件。
彩色之外·2023-08-14 08:16

Nginx配置(ngx_http_ssl_module)

Directivessslssl_buffer_sizessl_certificatessl_certificate_keyssl_ciphersssl_client_certificatessl_conf_commandssl_crlssl_dhparamssl_early_datassl_ecdh_curvessl_ocspssl_ocsp_cachessl_ocsp_responderssl
PurelightMe·2023-08-14 00:02

Nginx中location规则详解

location语法1.语法规则三.优先级测试1.location参数匹配解释2.测试优先级3.结论一.前言Location指令是http模块中的配置指令之一，Location是Nginx中的块级指令(blockdirective
草莓田田圈~·2023-08-13 00:57

拖拽 element ui窗口

1、创建directive/el-drag-dialog文件drag.js文件exportdefault{bind(el,binding,vnode){constdialogHeaderEl=el.querySelector
小怪兽_v·2023-08-12 10:14

Angular 解决 FormGroup 和 FormArray 嵌套问题

formArrayName,formGroupName,formControlName,form.get(,...,)，看到或写这样的代码感觉要晕死过去...为了解决这样的问题，想出了下面的这个解决方案解决方案import{Directive
niccky·2023-08-12 07:57

使用openmp为循环逻辑提速

OpenMP是由OpenMPArchitectureReviewBoard牵头提出的，并已被广泛接受的，用于共享内存并行系统的多线程程序设计的一套编译指令(CompilerDirective)。
超级小清·2023-08-11 22:30

Vue3 -- plugin插件

目录plugin插件定义插件使用插件添加directive添加mixin添加config完整代码总结plugin插件plugin插件是用来为Vue添加全局功能，把通用性的功能进行封装。
爱划水de鲸鱼哥～·2023-08-11 09:30

Vue-1 核心基础

{{数据}}模板插件指令(Directives)是带有v-前缀的特殊属性2.v-html3.v-text-操作属性原
学_·2023-08-11 05:11
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他