Directives

Vue自定义指令详解

除了一些Vue中自带的核心指令（v-model以及v-show）以外，Vue也可以自定义注册指令就可以使用directives选项来注册指令下面将用全局和局部的方式使用v-focus，来实现页面加载时自动获得焦点的功能这里只用到了
·2022-12-25 21:14

vue3的自定义指令directives实现

内置的一系列指令，比如v-model,v-show,v-if,v-for等等，自定义指令从命名上看主要区别于Vue自带的内置指令，我们可以创建自己想要的指令，使用必须以v-为前缀二、指令的分类局部指令：组件中通过directives
·2022-11-23 04:29

小米前端面经整理（二）

并传递参数；3，在接收数据的组件中，通过on监听自定义事件，并处理传递过来的参数；；父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的VUE自定义指令通过directives
lijieling123·2022-11-01 11:33

Vue+element自定义指令如何实现表格横向拖拽

为了以后扩展指令方便，创建directives.js文件，在js文
·2022-10-21 18:59

vue 获取滑动方向指令/左/右/上/下 v-touch

exportdefault{data(){return{};},directives:{//滑动指令touch:{bind:function(el,binding,vnode){vartouchType
织_网·2022-09-29 18:25

08 vue3自定义指令 teleport vue插件

注意：在Vue中，代码的复用和抽象主要还是通过组件；通常在某些情况下，你需要对DOM元素进行底层操作，这个时候就会用到自定义指令自定义局部指令：组件中通过directives选项，只能在当前组件中使用；
是云呀！·2022-09-23 11:41

vue3自定义指令（局部 / 全局）

注意：在Vue中，代码的复用和抽象主要还是通过组件；通常在某些情况下，你需要对DOM元素进行底层操作，这个时候就会用到自定义指令；自定义指令分为两种：自定义局部指令：组件中通过directives选项，
前端.攻城狮·2022-09-23 11:09

vue3中通过自定义指令（实现拖拽drag功能）

vue3中使用自定义指令，实现拖拽drag功能在utils文件夹下，新建directives.ts：// 拖拽的指令const drag = {  beforeMount(el: any, binding
回忆哆啦没有A梦·2022-09-23 11:09

vue3-自定义指令

创建自定义指令：v-permission1.src文件夹下创建directives文件夹，方便对自定义指令进行统一管理封装//permission.jsimportstorefrom'@/store'functioncheckPermission
莱斯笔记·2022-09-23 11:33

vue3的自定义指令directives

内置的一系列指令，比如v-model,v-show,v-if,v-for等等，自定义指令从命名上看主要区别于Vue自带的内置指令，我们可以创建自己想要的指令，使用必须以v-为前缀二、指令的分类局部指令：组件中通过directives
guizi0809·2022-09-23 11:02

Vue2自定义指令

一、函数式创建自定义指令函数式当前的n值是：放大十倍后的n值是：Vue.config.productionTip=falseconstvm=newVue({el:'#root',data:{n:1},directives
黑猫几绛·2022-09-23 11:02

18.Composition API（四）高级语法补充

自定义指令分为两种：自定义局部指令：组件中通过directives选项，只能在当前组件中使用。自定义全局指令：app的directive方法，
phoebemeng·2022-09-23 07:43

HTTP Security

目标减少内容注入攻击的风险，包括：1）嵌入文档的资源（worker/iframe）2）内联脚本3）动态脚本（eval）4)内联样式提供能力控制嵌入资源可以使用哪些源（origin）提供一个report机制Directives
·2022-09-21 11:05

vue实现弹窗拖拽效果

具体内容如下前言实现拖拽其实简单来说就分为三步一、创建一个js文件因为本身dialog窗口不具备移动拖拽能力，所以需要以下方法去实现，在src/components同级文件下创建utils文件夹，然后创建名为directives.js
·2022-09-20 21:43

vue新手入门-01

页面vue基础指令v-textv-html文本渲染指令v-bind绑定元素属性v-if，v-show条件判断v-if与v-show的区别v-for数据循环v-on绑定事件事件修饰符v-model双向绑定directives
全栈小天·2022-09-15 13:26

vue-12个知识点

vue-知识点（周总结）一.vue.js1.下载Vue2.0的两个版本：官方网站：Vue.js开发版本：包含完整的警告和调试模式生产版本：删除了警告，进行了压缩2.指令：解释：指令(Directives
今天吃饱了么·2022-09-05 13:40

【FPGA】 HLS教程之C/RTL Cosimulation

文章目录RTL自动验证在C/RTL协同综合条件TestBench的要求接口综合的要求RTL仿真器支持协同仿真不支持的优化仿真IP核使用C/RTL协同仿真执行RTL仿真Directives验证分析RTL仿真波形查看器调试
xyz_·2022-08-23 22:13

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

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

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

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

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

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

《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

使用HbuilderX学习Vue笔记

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

笔记：Vue 2.0

Vue2.0下载与安装Vue项目vue项目文件介绍Vue插件Vue实例el关联元素data数据methods函数computed计算属性watch侦听(监视)属性filters过滤器(Vue3.0已移除)directives
我才是真的李成贤·2022-06-15 09:17

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

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

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之可拖动容器大小（ResizableContainer）

Vue之ResizableContainer效果代码123importPanelResizefrom'@/directive/resizer'exportdefault{directives:{PanelResize
kaiyu5609·2022-04-30 20:02

vue实现放大缩小拖拽功能

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

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

Vue2中Element UI表单的使用详解

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

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

/src/directives/ref.tsexportcons
·2022-03-15 08:36

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

/src/directives/ref.tsexportcons
^_^肥仔John·2022-03-15 08:00

petite-vue-源码剖析-v-for重新渲染工作原理

/src/directives/for.ts/*[\s\S]*表示识别空格字符和非空格字符若干个，默认为贪婪模式，即`(item,index)invalue`就会匹配整个字符串。
^_^肥仔John·2022-03-10 16:00

vue filters和directives访问this的问题详解

目录vuefilters和directives访问thisdirectives所遇小bugvuefilters和directives访问this记录一次奇葩的需求。
·2022-03-09 11:06

petite-vue源码剖析-属性绑定`v-bind`的工作原理

/src/directives/index.tsexportinterfaceDirective{(ctx:DirectiveContext):(()=>void)|void}指令(directive)
·2022-03-08 17:42

petite-vue源码剖析-属性绑定`v-bind`的工作原理

/src/directives/index.tsexportinterfaceDirective{(ctx:DirectiveContext):(()=>void)|void}指令(directive)
^_^肥仔John·2022-03-08 17:00

petite-vue-源码剖析-v-for重新渲染工作原理

/src/directives/for.ts/*[\s\S]*表示识别空格字符和非空格字符若干个，默认为贪婪模式，即`(item,index)invalue`就会匹配整个字符串。
·2022-03-07 18:49

那些Vue3实用的小知识（结尾更精彩！）

1directives指令自定义指令，访问到dom节点directive:{"focus":{mounted(el,binding){//el当前指令所在的dom//binding指令相关信息//binding.value
·2022-03-02 19:49

Vue 中使用 el-input 自动获取焦点和二次获取焦点问题

directives:{//注
起个蓝筹海名字啊·2022-02-22 03:07

Apache SSL Directives

Link:http://httpd.apache.org/docs/2.0/mod/mod_ssl.htmlModules|Directives|FAQ|Glossary|SitemapApacheHTTPServerVersion2.0Apache
weixin_33928467·2022-02-21 07:39

Vue如何实现自动触发功能

我希望某个元素通过点击事件添加样式，试了下jQuery的trigger方法，并没有任何效果，于是只能手动添加，先把功能实现，晚上回来的时候，闲着没事做便温故Vue知识点，正好听到视频中老师在讲解关于自定义指令directives
·2022-02-15 12:26

Vue.js 自定义指令

下面我们注册一个全局指令v-focus,该指令的功能是在页面加载时，元素获得焦点：我们也可以在实例使用directives选项来注册局部指令，这样指令只能在这个实例中使用：钩子钩子函数指令定义函数提供了几个钩子函数
谁说我是小小云·2022-02-13 20:16

vscode提示Elements in iteration expect to have 'v-bind:key' directives.解决办法

一、错误提示：[eslint-plugin-vue][vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives
左木北鱼·2022-02-06 04:16

VUE-自定义指令

举个聚焦输入框的例子，如下：el与data的两种写法当前的n值是：当前的n值是：点我n+1varapp=newVue({data:{n:1,},//这种写法写起来简单，但是不可以处理细节directives
zsyyyyy·2022-02-06 01:00

vue 自定义指令directives及其常用钩子函数说明

目录自定义指令directives及常用钩子函数说明钩子函数vue全局定义局部定义（vue-cli）钩子函数里面的参数vue自定义指令directives选项directives选项中定义指令自定义指令
·2022-01-24 09:26

vue 比较实用的directive封装 contextMenu

vuedirectiveextend的用法，不理解可以看官网介绍实用方式importcontextMenufrom'@/components/contextMenu/directive'exportdefault{directives
刘彪lastbee·2021-12-28 10:27

Vue Element前端应用开发之功能点管理及权限控制

、VUE+Element前端权限控制概述本篇随笔介绍功能点管理及权限控制，功能点是作为一个业务对象数据进行管理，在角色范畴上进行分配，而在界面元素控制上，VUE+Element前端引入Vue自定义指令Directives
·2021-11-25 18:54

Vue基础-自定义指令

二、语法使用Vue.directive()或者directives选项来封装。
MonkeyCode·2021-11-10 20:28

vue实现图片拖拽功能

本文实例为大家分享了vue实现图片拖拽功能的具体代码，供大家参考，具体内容如下1、主要涉及到的元素知识，示意图：2、js代码部分：directives:{drag:{//指令的定义bind:function
·2021-11-10 10:30
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他