自定义指令directives

el-select选项过多导致卡顿的解决方案

卡顿原因：DOM中数据过多，超过内存限制解决思路可以使用自定义指令，让el-select弹窗下拉到最底部时触发加载自定义指令创建select-load-more.jsimportVuefrom'vue'
qq_47858671·2024-01-24 08:52

vue 报错：Elements in iteration expect to have ‘v-bind:key‘ directives.eslint-plugin-vue

原因：在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示，“Elementsiniterationexpecttohave‘v-bind:key’directives.eslint-plugin-vue
临江浪怀柔ℳ·2024-01-24 07:59

Vue.js 3 项目开发：迈向现代化前端开发的必经之路

文章目录一、Vue.js3简介二、Vue.js3新特性1.CompositionAPI2.更好的性能3.更好的TypeScript支持4.更多的生命周期钩子5.更好的自定义指令API三、Vue.js3项目开发实践
程序边界·2024-01-23 12:58

vue3自定义指令

在Vue3中，我们可以通过使用app.directive方法来定义自定义指令。下面是一个简单的例子：HelloVue3!
我爱学习yq·2024-01-22 23:19

Vue.js：一课一得的前端之旅

目录引言第一得：Vue.js简介与环境配置1.简介2.环境配置步骤第二得：Vue实例与数据绑定1.Vue实例2.数据绑定第三得：模板语法与指令1.模板语法2.指令（Directives）第四得：组件第五得
伯牙卧山丘11·2024-01-22 21:41

嵌入式C语言--LD文件的概念

C语言--LD文件的概念嵌入式C语言--LD文件的概念一.什么是LD文件二.LD文件的作用三.LD文件的工作步骤1）读取输入文件2）符号解析3）符号重定位4）生成输出文件四.ld文件的几部分1）指令（Directives
进击的横打·2024-01-22 11:11

自定义指令实现按钮防抖

我们可以利用Vue的自定义指令完成这个功能。
菊の物语·2024-01-21 07:31

vue 指定区域可拖拽的限定拖拽区域的div（如仅弹窗标题可拖拽的弹窗）

弹窗标题弹窗内容exportdefault{//自定义指令directives:{drag:{//指令的定义bind:function(el,binding,vnode){//获取到vue实例letthat
朝阳39·2024-01-20 10:06

VUE---自定义指令

自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能。可分为全局注册与局部注册。
煸橙干儿~~·2024-01-20 00:39

自定义指令v-longpress

v-longpress需求：实现长按，用户需要按下并按住按钮几秒钟，触发相应的事件思路：创建一个计时器，2秒后执行函数当用户按下按钮时触发mousedown事件，启动计时器；用户松开按钮时调用mouseout事件。如果mouseup事件2秒内被触发，就清除计时器，当作一个普通的点击事件如果计时器没有在2秒内清除，则判定为一次长按，可以执行关联的函数。在移动端要考虑touchstart，touche
HTAO濤·2024-01-19 19:07

【学习记录24】vue3自定义指令

importimgSrcfrom'@/views/loading.gif'constdata=ref(1)//定义loading初始值为true，插入loadingconstloading=ref(true)//单页面自定义指令直接使用
天才和人才就差了二·2024-01-19 15:54

ElementUI的Dialog弹窗实现拖拽移动功能

文章目录概要1、创建自定义指令2、引入自定义指令3、使用自定义指令（v-el-darg-dialog）4、完整代码：5、效果：概要在项目中使用el-dialog中发现不能够拖拽移动，因此网上找了相关资料
zaijin.yang·2024-01-19 15:52

vue脚手架，路由，过滤器，自定义指令

●vue是单⻚⾯应⽤程序●什么是路由○后端路由■对于普通的⽹站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源○前端路由■对于单⻚⾯应⽤程序来说，主要通过URL中的hash(#号)来实现不同⻚⾯之间的切换。●vuecreate项⽬名字（不能有中⽂）●使⽤路由○引⼊路由○创建路由实例○创建映射关系（路由对象）○挂载到vue实例上○预留展示区域●路由跳转○过滤器管道符|什么是过滤
凛落·2024-01-18 09:53

vue3自定义指令（directives）的使用

在Vue3中，自定义指令的用法相对于Vue2有一些变化。
深度学习研究员·2024-01-18 05:38

Vue3中使用自定义指令

一，自定义指令：应用场景：禁用按钮多次点击1.vue2a.src/libs/preventClick.jsimportVuefrom'vue'constpreventClick=Vue.directive
会做梦的辣条鱼·2024-01-18 04:49

VUE加载顺序与各种函数

beforeCreate//在实例初始化之后、创建之前执行created//实例创建后执行beforeMounted//在挂载开始之前调用filters//挂载前加载过滤器computed//计算属性directives-bind
2333!!!!!·2024-01-18 04:42

好用的vue自定义指令

1.V-Hotkey仓库地址:https://github.com/Dafrok/v-hotkeyDemo:戳这里https://dafrok.github.io/v-hotkey安装:npminstall--savev-hotkey这个指令可以给组件绑定一个或多个快捷键。你想要通过按下Escape键后隐藏某个组件，按住Control和回车键再显示它吗？小菜一碟：Press`esc`toclose
带熊二来看简书·2024-01-18 00:05

Vue自定义指令（Vue2）

(二)作用Vue提供的指令方便了我们开发，有时我们需要对DOM底层进行操作，就可以用自定义指令。(三)内置指令二、指令钩子(一)bind指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。
进阶的小鸟·2024-01-17 17:55

AngularJS自定义指令教程–第1部分

AngularJSprovidesseveraldirectivestomanipulatetheDOM’sbehavior.Earlierwelookedatsomeofthebuiltindirectiveslikeng-app,ng-controller,ng-repeatetc.YoucancheckouttheofficialangularAPIdocumentationformored
cunchi4221·2024-01-17 16:13

Angular系列教程之自定义指令

文章目录前言指令的基本概念在模板中使用指令总结前言在Angular中，指令是一种非常强大的工具，用于扩展HTML元素的功能和行为。它们允许我们创建可重用的组件，并在应用程序中的多个地方使用它们。本文将介绍Angular指令的基础知识，并附上示例代码进行解释说明。指令的基本概念指令是Angular应用程序的构建块之一。它们通过@Directive装饰器来定义，并可以包含属性、方法和生命周期钩子。指令
偏安zzcoder·2024-01-17 16:12

Element 自定义指令 下拉分页，获取无限数据

原文链接https://www.cnblogs.com/DL-CODER/p/17528026.html自定义指令loadmore:Vue.directive('loadmore',{bind(el,binding
BTBIG@Mr. Chen·2024-01-17 13:11

Vue自定义指令el-select下拉触发事件

//自定义指令directives:{'el-select-loadmore':{bind(el,binding){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown.el-select-dropdown
lMoonRed·2024-01-17 12:07

vue2物体下落动画自定义指令

//物体下落时回弹动画Vue.directive('fallanimate',{bind(el,binding){el.style.transform=`translate(0px,${binding.value.defaultTop}px)`;el.style.transition=`translate${binding.value.initSpeed}s`;el.style.opacity=0
元仙僧·2024-01-16 19:45

[vue/valid-v-model]‘v-model‘ directives require the attribute value which is valid as LHS.

在写项目的过程中，遇到如下问题：该问题是由于给v-model绑定值时，绑定了一个条件值或计算值v-model="scope.status==='1'?true:false"v-model将始终把Vue实例的data视为数据真实的来源，你应该在组件的data中声明初始值，这意味着你不能要求v-model一次观察多个变量。将v-model绑定的值修改为变量即可解决该问题。v-model="scope.
煸橙干儿~~·2024-01-16 18:03

vue自定义指令使用

实现注册一个自定义指令有全局注册与局部注册全局注册主要是通过Vue.directive方法进行注册Vue.directive第一个参数是指令的名字（不需要写上v-前缀），第二个参数可以是对象数据，也可以是一个指令函数
月照一江秋水·2024-01-16 17:40

vue3自定义指令

下面是一个使用Vue3的自定义指令的示例代码：import{createApp,DirectiveBinding}from'vue';constapp=createApp({});//自定义指令：点击外部关闭弹窗
我爱学习yq·2024-01-16 16:08

【Vue自定义指令详细介绍】

Vue自定义指令详细介绍1.自定义指令1.1局部1.2全局1.自定义指令在Vue.js中，除了默认提供的核心指令（如v-model、v-show、v-if等），Vue.js也允许注册自定义指令，自定义指令给你提供了一种方法来扩展
程序员不想YY啊·2024-01-16 09:21

前端面试 -- vue系列

Vue中给对象添加新属性界面不刷新（直接给对象添加属性）7.vue组件之间的通信方式有哪些8.对nextTick理解9.slot（插槽）理解10.对keep-alive理解11.vue常用的修饰符12.自定义指令以及使用场景
L北杳·2024-01-15 19:57

vue中常用的 v- 指令和自定义指令

常用指令v-if元素是否移除或者插入v-elsev-else-ifv-pre不编译{{}}v-cloak使用v-cloak能够解决插件表达式闪烁的问题v-once告诉浏览器的Vue编译器,只渲染该元素或组件一次v-show元素是否显示或隐藏v-model双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)v-text是元素的innerText只能在双标签中使用v-html是元素的inn
小棋子js·2024-01-15 17:11

vue3自定义指令

一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。
前端小趴菜05·2024-01-15 12:51

属性监听器、自定义指令、生命周期函数、注册组件-vue2

运行原理1.3watch的使用1.4方法格式VS对象格式方法格式的监听器：对象格式的监听器：1.5watch案例1-进度条监听1.6watch案例2-汇率案例(newvalue,oldvalue)2、自定义指令
十 二·2024-01-14 18:29

vue——计算属性、侦听属性、自定义指令、生命周期函数

一、计算属性computed把computed中的方法当做属性使用,返回一个数据供使用会主动获取数据源data中的数据不需要传参只是一种程序处理计算属性就是处理数据源中的数据然后用于渲染同时监听计算属性中用到的数据源然后把计算的结果缓存methods------{{birth}},{{age1(birth)}}computed-----{{birth}},{{age}}点击{{shuxing}}n
哈哈ha~·2024-01-14 18:29

全局自定义指令实现千分位转化

1.表单中的金额的输入框里面的数据千分位转换，失去焦点转化为千分位格式，获取焦点变回正常格式可以自定义到小数点后几位自定义指令;//注册全局指令Vue.directive('thousandSeparator
菜鸡一枚555·2024-01-14 10:38

两周掌握Vue3（五）：自定义指令、路由、ajax

文章目录一、自定义指令1.创建和使用自定义指令2.钩子函数3.使用参数二、路由1.创建一个router实例2.在components目录中创建组件3.将路由实例挂载到应用4.使用路由三、Ajax代码仓库
TracyCoder123·2024-01-14 03:34

Vue2.x和Vue3.x-自定义指令的用法及钩子函数

Vue2.x用法全局注册Vue.directive(指令名,{自定义指令生命周期})局部注册directives:{指令名,{自定义指令生命周期}}使用v-指令名:属性名.修饰符=“value值”钩子函数
SpringSir·2024-01-13 23:08

Vue自定义指令

自定义指令的基本用法和组件类似分全局注册和局部注册，区别就是把component换成了derective钩子函数指令定义函数提供了几个钩子函数（可选）：bind:只调用一次，指令第一次绑定到元素时调用，
卡布i·2024-01-13 22:41

vue自定义指令

1.概述Vue.js提供了自定义指令（Directives）的特性，允许开发者自定义HTML标签的行为。自定义指令是Vue的一种高级特性，它使你可以扩展HTML标签的行为。
盖盖衍上·2024-01-13 11:57

【VSCode】vue开发中v-for在Eslint的规则检查下出现：Expected 'v-bind:key' directives to use the viriables错误

问题在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Expected‘v-bind:key’directivestousetheviriableswhicharedefinedbythe‘v-for’directive.处理这是因为我们安装了ESLint插件，对vue进行了eslint检查，只需将这个规则检查屏蔽掉即可，具体操作如下：Code——>首选项——
你不懂的阳·2024-01-13 03:50

vue-cli如何新增自定义指令？

1.创建局部指令varapp=newVue({el:'#app',data:{},//创建指令(可以多个)directives:{//指令名称dir1:{inserted(el){//指令中第一个参数是当前使用指令的
alanwhy·2024-01-12 23:00

Vue2x的自定义指令和render函数使用自定义指令

在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。
胡八一·2024-01-12 22:30

VUE常用的自定义指令

v-directives基于vue的自定义指令集合，包含复制粘贴指令v-copy长按指令v-longpress输入框防抖指令v-debounce禁止表情及特殊字符v-emoji图片懒加载v-LazyLoad
无名之辈程序媛·2024-01-12 03:55

vue的学习

v-textv-htmlv-modelv-for样式处理-class和stylev-if和v-show提升性能：v-pre过滤器filter全局过滤器局部过滤器按键值修饰符监视数据变化-watch实例生命周期Post请求拦截器自定义指令全局自定义指令父组件到子组件非父子组件通讯内容分发嵌套路由
lock cylinder·2024-01-11 14:27

Vue怎么设置自定义指令

在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
hymuuuu·2024-01-11 08:35

element ui vue el-select组件滚动加载下一页数据

但是最后渲染数据的时候总是不成功，因为下拉框中每次数据的刷新都要被触发，我实现不了，所以放弃了，选用的select组件，望已经实现的大佬指教啊，，，1.给该组件添加一个滚动触底的事件（exportdefault中，data上面）directives
一个没有灵魂的女程序媛·2024-01-11 03:09

【Vue】自定义指令

在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
【南汐】前端·2024-01-11 02:24

vue 滚到可视区加载内容

逻辑思路：1、默认没在可视区的模块隐藏，当上一块接口请求完之后，下一块再显示但不走请求，当滚动到可视区再走请求如果接口请求过了，就标记一下，不会重复走第二遍，当所有模块走完之后，移出监听滚动事件自定义指令方法
瑶玲_b3cf·2024-01-10 19:22

vue3使用中VsCode 报 v-model directives require no argument 警告

最近在写vue3时一直因为vue3中新增的语法v-model:xxx的写法报警告。以前vue2中没有携带参数的写法，只是v-model=“”。image.png排查了很久，最开始怀疑时eslint版本的问题，不支持vue3校验。也有人说是vuter的版本低了。百度中也有很多回答：如：image.png但是添加后依旧没什么作用。最后解决方案image.png在.eslintrc.js文件中添加了一段
前端小飞象·2024-01-10 03:15

Vue-Cli 自定义指令

使用Vue框架开发的同胞们在非常愉快的使用vue内置指令的同时，有时候因为业务的原因，难免想动一动DOM的底层，这时候，vue为我们提供了自定义指令的权利。
前端驿站·2024-01-09 23:27

ant design vue table实现滚动加载

在项目directive下创建loadMore.js写入代码/***加载更多数据的指令*/exportdefault{install(Vue){Vue.mixin({directives:{loadmore
刘山苏·2024-01-09 07:51

【项目部署】vue项目部署&xshell使用&Nginx了解

vue项目部署一般来说，前端只需要把代码使用npmrunbuild或者其它类似的自定义指令将代码进行打包，并提供给后端，就可以了。
Lana学习中·2024-01-08 23:18
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他