Directive

Vue自定义指令实现按钮级的权限控制

借鉴博客一、封装组件在src目录下新建directive目录，在目录下新建permission.js文件：以下代码可直接复制：注意使用了store//import
i_am_a_div_日积月累_·2023-10-26 05:01

高精度权限控制 — 自定义指令 directive

我们通常给一个元素添加v-if/v-show来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。针对这种情况，我们可以通过全局自定义指令来处理：我们先在新建个array.js文件，用于存放与权限相关的全局函数；//array.jsexportfunctioncheckArray(key){letarr=['1','2','3','4','demo']letinde
建安zy·2023-10-25 21:11

vue2-指令

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

Vue项目封装div拖动组件，实现div拖拽

改变位置很多教程都是使用自定义方法在单个组件中使用，本文带大家在Vue项目中封装一个拖拽div的方法，注册全局使用实现步骤：在src下的util文件夹下创建drag.js文件，存放实现拖拽效果的代码exportdefault(Vue)=>{Vue.directive
alert（“不想秃头”）·2023-10-25 08:48

OPENMP学习笔记（1）——简介，模型，运行

ApplicationProgramInterface），是一种单进程多线程并行的实现和方法，也可以认为是共享存储结构上的一种编程模型，可用于共享内存并行系统的多线程程序设计的一套指导性注释（CompilerDirective
anjushi_·2023-10-24 11:49

Vue自定义指令,封装自定义指令

自定义指令Vue.directive('authority',{//当被绑定的元素插入到DOM中时……inserted:function(el,binding,vnode){const{value}=bindingconstroles
残_忆·2023-10-24 07:42

Web前端-Vue2+Vue3基础入门到实战项目-Day5(自定义指令, 插槽, 案例商品列表, 路由入门)

自定义指令基本使用自定义指令:自己定义的指令,可以封装一些dom操作,扩展额外功能全局注册//1.全局注册指令Vue.directive('focus',{//inserted会在指令所在的元素,被插入到页面中时触发
Y_cen·2023-10-24 07:46

nginx: [emerg] unknown directive "锘? in d:\nginx-1.13.10/conf/nginx.conf:3 错误解决办法

错误提示：原因：nginx.conf文件被记事本编辑过，保存成了含BOM头的文件，记事本编辑UTF-8都会加BOM头解决方式：使用其他编辑器将文件另存为UTF-8不含Bom头的格式
造序·2023-10-24 02:44

vue的directive指令

而directive就是用来注册自定义指令的。钩子函数一个指令定义对象可以提供以下几种钩子函数：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
妹姐在线·2023-10-23 11:42

error CS0246: The type or namespace name ‘NetworkManager‘ could not be found

因为项目中用到了老版的Network导致升级后报错errorCS0246:Thetypeornamespacename‘NetworkManager’couldnotbefound(areyoumissingausingdirectiveoranassemblyreference
水光涵月·2023-10-23 01:39

04-vue第四天学习笔记

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

unity 获取选中的目录_Unity遍历所选文件夹中包含某后缀名的文件路径

BusyBoxhttpdCGIscriptsThehttpdaemonexpectsthatCGIscriptisinsubdirectorycgi-binundermainwebd]//遍历所选文件夹，[官方详细介绍官方文档里有个bug追查代码才发现的isVirtualWebappRelative-Should\"virtual\"SSIdirectivepathsbeinterprete
weixin_39664998·2023-10-21 11:04

vue el-dialog弹出框自定义指令实现拖拽改变位置-宽度-高度

多的地方使用，并且只做加法代码实现-没有自定义指令情况下1.来到src/创建directive文
-風过无痕·2023-10-21 09:41

vue 组件封装 综合案例2

/App.vue'Vue.config.productionTip=false//封装全局指令focusVue.directive('focus',{//指令所在的dom元素，被插入到页面中时触发inserted
wowocpp·2023-10-20 23:54

nginx的location优先级与重定向

概念1.location是Nginx中的块级指令(blockdirective),，location指令的功能是用来匹配不同的url请求，进而对请求做不同的处理和响应，这其中较难理解的是多个location
2301_79410672·2023-10-20 22:03

STM32 __attribute__((section(“***“)))

uint8_tUSART_RX_BUF[USART_REC_LEN]__attribute__((at(0X20001000)));例程在使用CUBEIDE编译时提示warning:'at'attributedirectiveignored
天和地丰·2023-10-20 21:08

Vue自定义指令

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

vue 实现 el-dialog 拖动

js代码创建文件dialogDrag.jsconstdialogDrag=(app)=>{app.directive('dialogdrag',{//渲染完毕mounted(el,vnode){constdialogHeaderEl
内心的一片海·2023-10-20 15:24

Apache反向代理

一、Mac自带apache服务器终端执行apachectl-h查看相应指令：Usage:/usr/sbin/httpd[-Dname][-ddirectory][-ffile][-C"directive
Yaso·2023-10-20 06:16

Nginx配置ssl证书，加密成https过程细节(the ssl directive is deprecated-cannot load certificate)

前言日常开发中我们在公网访问项目时，一般都是安全连接，https://开头（极少数http://）当我们自己配置的域名服务器，通过Nginx转发之后确实http，这是因为我们没有配置证书浏览器会察觉我们的传输没有规范加密，所以认定我们的连接不安全，但并不影响使用其实当域名是我们自己时候，是有相对应免费的ssl证书申请，只是我们自己没有申请条件须知我的域名是阿里云购买的（进行域名解析），服务器是腾讯
-風过无痕·2023-10-19 14:54

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

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

vue3+ts+vue-grid-layout 实现组件拖拽效果以及解决Vue3使用 vue-grid-layout的问题

1、安装（vue3安装此版本）[email protected]、在main.ts里面引入并useimport{createApp,Directive}from'vue'importAppfrom
₍•ʚ•₎呀呀·2023-10-19 11:07

vue 节流&防抖 自定义指令|函数|ts装饰器

一、vue自定义指令1、directive/index.jsexportdefaultfunctioninitDirective(vue){/**节流*/vue.directive('throttle'
WEBYANGxw·2023-10-19 00:59

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

Mac搭建nginx+rtmp服务报错unknown directive "rtmp"

安装$brewinstallnginx-full--with-rtmp-module注意⚠️--with-rtmp-module，一定要加上rtmp模块，不然添加rtmp服务时就会报错误：unknowndirective"rtmp"in
xiaoleiiOS·2023-10-17 13:00

vue input 防抖自定义指令(输入法判断)

String|"click"}event-事件类型例："click"*@param{Array}binding.value-[fn,event,time]*例：刷新*也可简写成：刷新*例：*/Vue.directive
typeofnull·2023-10-17 10:13

【已解决】JS/Vue实现拖拽调整窗体大小（右侧、底部、右下角）

directive.js文件，要在main.js引入该文件importVuefrom'vue'Vue.directive('dialogDragWidth',{inserted(el,binding){
我看刑·2023-10-17 02:04

权限按钮的应用

vue.directive(‘hasRole’，{bind:(el,binding)=>{},inserted:function(el,binding){letroles=store.state.userInfo.roles
꧁꫞꯭零꯭点꯭꫞꧂·2023-10-16 13:03

vue自定义指令

自定义全局指令在Vue实例创建之前，通过Vue.directive(name,definition)的方式来注册全局指令。
以对_·2023-10-16 01:16

Nginx（Tengine） 解决 unknown directive “stream“ 问题

背景Nginx（Tengine）代理Bitbucket的tcp端口时报错：unknowndirective“stream”，记录下~解决编译时，通过添加--with-stream参数来安装stream模块
叨叨软件测试·2023-10-16 00:56

Vue.js指令-directive

//定义一个聚焦点//定义一个全局的指令,以下钩子函数都需要一个el对象Vue.directive('focus',{bind:function(el){},inserted:function(el){
这是一个正在学习的人·2023-10-15 18:50

【Vue3】自定义指令

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令(CustomDirectives)。
大可-·2023-10-15 12:09

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

Vue基础知识梳理

3.1常用指令3.1.2绑定指令3.1.3分支指令3.1.4分支指令3.1.5循环指令3.2修饰符3.2.1事件修饰符3.2.2按键修饰符3.2.3自定义按键修饰符别名3.3自定义指令3.3.1Vue.directive
yaya安若·2023-10-12 23:37

TailwindCss Functions & Directives

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

Vue-2.7自定义指令

$refs.inp.focus()}全局注册-语法（在main.js文件中注册）Vue.directive('指令名',{"inserted"(el){//可以对el标签
小沐°·2023-10-12 22:16

angularjs设置focus

Usageapp.controller('MyCtrl',function($scope,focus){focus('focusMe');});Sourceapp.directive('focusOn'
luanshaofeng·2023-10-12 07:38

为element-ui对话框组件(el-dialog)添加弹窗拖拽支持

弹窗组件添加拖拽支持Dependencies:vue.jsel-dialog(element-ui)************************************************/Vue.directive
carcarrot·2023-10-12 05:02

python 字符串输入时间_关于datetime：在Python中解析时间字符串

+08002012我试过了datetime.strptime("TueMay0815:14:45+08002012","%a%b%d%H:%M:%S%z%Y")但是Python提升了'z'isabaddirectiveinformat
weixin_39682897·2023-10-12 05:56

vue自定义指令

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

nginx -t 出现unknown directive “stream“ 怎么解决？ 求解

yum安装nginxvi/etc/nginx/nginx.confstream{upstreamkube-apiserver{server10.4.7.21:6443max_fails=3fail_timeout=30s;server10.4.7.22:6443max_fails=3fail_timeout=30s;}server{listen7443;proxy_connect_timeout2
小鸡,啄米·2023-10-11 18:58

vue自定义指令 v-debounce 防抖

这时候我们能想到可以用vue的自定义指令directive来完成这个功能。
前端酱紫·2023-10-11 16:46

vue自定义指令 防抖 vue3 ts

{publicapp:any="";publicinit(app:any){this.app=app;this.debounce();};//防抖privatedebounce(){this.app.directive
zs.duan·2023-10-11 16:15

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

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

vue2 自定义防抖指令

@paramargment[0]{type:String}*@paramargment[1]{type:Object}在绑定组件中的各个生命周期中书写业务，这里使用inserted(){}*/Vue.directive
Edward_Cullens·2023-10-11 16:07

vue自定义防抖指令

main.js中Vue.directive('throttle',{bind:(el,binding)=>{letthrottleTime=binding.value;//防抖时间if(!
点点关注不迷路·2023-10-11 16:36
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他