vue学习日记

vue中$refs的用法及作用详解

这篇文章主要介绍了vue中$refs的用法及作用详解,非常不错，具有参考借鉴价值，有需要的朋友可以参考下。
浮生若梦777·2024-02-03 21:42

如何把vue项目打包成桌面程序 electron-builder

引入我们想要把我们写的vue项目,打包成桌面程序，我们需要使用electron-builder这个库如何使用首先添加打包工具vueaddelectron-builder选择最新版本下载完毕我们可以看到我们的
zhuyua·2024-02-03 21:06

vue element 的 dialog 弹出窗口加上 最大化 还原 和自定义拖拽、拉伸弹窗

原理是利用vue的自定义指令功能自定义一个指令官方文档下面是指令内容exportdefault{bind(el,binding,vnode,oldVnode){letresizeEvent=newCustomEvent
菜鸟-唐宋·2024-02-03 21:05

【vue3】使用自定义指令，实现el-dialog的拖拽功能。

实现el-dialog的拖拽功能说明这里指的是element-plus的el-dialog组件，一开始该组件并没有实现拖拽的功能，当然现在可以通过设置属性的方式实现拖拽。自带的拖拽功能非常严谨，拖拽时判断是否拖拽出窗口，如果出去了会阻止拖拽。如果自带的拖拽功能可以满足需求的话，可以跳过本文。通过自定义指令实现拖拽功能因为要自己操作dom（设置事件），所以感觉还是使用自定义指令更直接一些，而且对原生
梅花十三儿·2024-02-03 21:04

vue解决 页面A跳转到页面B，B页面停留在A页面的滚动位置的解决方法

//全局路由守卫router.beforeEach((to,from,next)=>{//to:Route:即将要进入的目标路由对象//from:Route:当前导航正要离开的路由//next:Function:一定要调用该方法来resolve这个钩子。执行效果依赖next方法的调用参数。//A跳转到B，B页面停留在A页面的滚动位置；解决方法：将scrollTop设置为0window.scroll
Brian_1975·2024-02-03 21:00

vue全家桶 需掌握（自用）

熟悉vue全局桶，可以理解为vue生态，vue技术栈等等，可，一般来说指:vue核心知识https://cn.vuejs.org/vue-resourcevue-routerhttps://router.vuejs.org
guolinkang·2024-02-03 21:58

vue3中如何使用防抖和节流

1.封装在src/utils文件夹中新建文件handleDebounce.js，用于封装防抖和节流//防抖exportfunctiondebounce(fn,delay=200){//fn是需要防抖的函数，delay是延迟多少毫秒执行fnlettimer=null;returnfunction(){if(timer){clearTimeout(timer);}timer=setTimeout(()
℘团子এ·2024-02-03 20:45

vue3-逻辑复用

在Vue应用的概念中，“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。一个简单的例子是跟踪当前鼠标在页面中的位置。
王大可996·2024-02-03 20:14

Vue3的 组件事件

目录介绍触发与监听事件事件参数声明触发的事件事件校验总结介绍Vue3是Vue框架的最新版本，其中对组件事件进行了一些改进和优化。组件事件是Vue中一种常用的通信机制，用于在组件之间传递数据或触发动作。
跟Bug双向奔赴·2024-02-03 20:13

uniapp 组件封装

1.uniapp组件封装时间戳格式化为星期1.1.components/m-week.vue{{week}}exportdefault{props:{'time':String},mounted(e){
雪芽蓝域zzs·2024-02-03 20:13

vue + element ui 折叠面板实现拖拽顺序

文章目录前言一、vuedraggable是什么？
qq_44938769·2024-02-03 20:08

Vue笔记_03组件_vuedraggable实现拖拽(基于vue)

目录1.下载2.使用vuedraggable组件vue有一个vuedraggable组件可以实现拖拽效果1.下载npminstallvuedraggable2.使用vuedraggable组件[1]引入
乖女子@@@·2024-02-03 20:38

vue如何使用vuedraggable实现不同面板之间的拖拽排序，拖拽复制功能？【vuedraggable】

vuedraggable官方文档链接使用说明https://www.itxst.com/vue-draggable/re7vfyfe.htmlhttps://www.itxst.com/vue-draggable
幕飒前端程序员·2024-02-03 20:07

前端框架搭建——从零到一搭建一个高颜值Vue3后台管理系统(三)

上一篇我们集成项目所需要的插件，在整个main.ts里的结构都抽离到了各自相应的文件中，使整体main的结构看起来更加简介明了。今天我们讲下项目页面的布局布局分析分析我们页面的布局，主要是比较常见的左右结构布局，这在后台管理系统中是很常见的布局。当然也有其他的布局，在我们这次的项目里没有其它类型，但你可以自己添加，这里提供一种思路首先在页面提供component这个动态组件，我们设置不同类型的布局
聪明的竹子·2024-02-03 20:07

一篇文章认识Vue3

Vue3介绍Vue3于2022年2月7日星期一成为新的默认版本！Vue3性能更高，体积更小Vue3在经过一年的迭代后，越来越好用。
聪明的竹子·2024-02-03 20:37

Relation-graph关系图/流程图，VUE项目基础使用

一、Relation-graph是支持Vue2、Vue3、React的关系数据展示组件，支持通过【插槽】让使用者使用"普通HTML元素、Vue组件、React组件"来完全自定义图形元素，并提供实用的API
和世界不一样，那就不一样！·2024-02-03 20:07

前端-relation-graph实现关系数据展示（关系图/流程图）

relation-graph-ARelationshipGraphComponenthttps://www.relation-graph.com/3.选择relation-graph的理由4.项目中引用relation-graph4.1下载命令4.2在Vue2
作业应急宝·2024-02-03 20:07

vue+vant H5 键盘收回后底部出现空白，解决方法

//methodblurInput(){setTimeout(()=>{window.scrollTo(0,0)},100)}
Eudemonia_C·2024-02-03 20:37

ie报错[vuex] vuex requires a Promise polyfill in this browser.

因为ie不支持es6的Promise解决方法是安装npminstall--savebabel-polyfill安装完成后找到webpack.base.conf.jsentry:{//app:'./src/main.js'//原先是这样的app:["babel-polyfill","./src/main.js"]//改成这样},image.png
shaguamayi·2024-02-03 20:14

ant design of vue 事件添加自定义参数传值并结合v-for指令

官网上的案例选项的更改要使用@change指定处理的方法默认传入value和option两个参数JackLucyhandleChange(value,option){console.log(value,option);}传入自定义参数但是有时候这些参数不够用，需要传入自定义的参数，比如id。我们可以这样写handleChange(value,option,1)">JackLucyhandleCha
小小只植物·2024-02-03 20:36

Vue.环境准备

安装nodejs(包括npm)下载链接：Node.js推荐使用第一个链接，比较稳定。下载后，双击开始安装，如下图：点击Finish完成验证：node-vnpm-v配置npm的本地仓库https://blog.csdn.net/Sindyue/article/details/104051363配置npm默认地址cnpm安装参考：https://blog.csdn.net/Sindyue/articl
闲猫·2024-02-03 19:47

vue环境准备（mac）

vue的环境node、npm、vuecli说明：安装node之后，会带上npm，不用再单独安装；node安装brewinstallnodevuecli的安装npminstall-g@vue/cli
小奔跳跳·2024-02-03 19:16

Vue 环境准备

1.安装vscodehttps://code.visualstudio.com/2.安装开发vue所需插件：Vetur——语法高亮、智能感知、Emmet等包含格式化功能，Alt+Shift+F（格式化全文
糖糖糖果88·2024-02-03 19:15

codemirror 插件使用总结

在此使用code-mirror插件作为提供者，以下总结一些遇到的问题及解决方案：参考手册：vue-codemirror地址：https://github.com/codemirror/CodeMirror.codemirror
Musclewl·2024-02-03 19:21

::v-deep和/deep/和＞＞＞ 区别

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
Musclewl·2024-02-03 19:51

uni-app 经验分享，从入门到离职（三）——关于 uni-app 生命周期快速了解上手

文章目录前言⏬关于专栏什么是生命周期应用生命周期关于App.vue/App.uvue页面生命周期关于onShow与onLoad的区别组件生命周期最后前言这篇文章是本专栏uni-app基础篇的第三章，通过上一篇文章的基础
黛琳ghz·2024-02-03 19:17

04-动态组件 & 插槽 & 自定义指令&全局配置 axios 的请求根路径

2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：3.使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。
W蘭·2024-02-03 19:12

Vue3学习记录（一）--- 组合式API之基础概念和变量声明

一、组合式API基础1、简介组合式API(CompositionAPI)是Vue3和Vue2的v2.7之后版本中的全新特性，是一系列API的的集合（响应式API、生命周期钩子、依赖注入等等），其风格是基于函数的组合
努力的小朱同学·2024-02-03 19:42

【vue2】05_动态组件 & 插槽 & 自定义指令

文章目录动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性插槽1.什么是插槽2.体验插槽的基础用法2.1没有预留插槽的内容会被丢弃2.2后备内容3.具名插槽3.1为具名插槽提供内容3.2具名插槽的简写形式4.作用域插槽4.1使用作用域插槽4.2解构插槽Prop自定义指令1.什么
追yi个小太阳·2024-02-03 19:42

5.4 Vue2.0 动态组件&插槽&自定义指令&自定义插件

2，如何实现动态组件的渲染vue提供了一个内置的组件，专门用来实现
像我这样的人112·2024-02-03 19:42

【Vue】3-1、Vue 3 简介

一、Vue3的优势Vue2OptionsAPI的缺陷：一个功能往往需要在不同的vue配置项中定义属性和方法，比较分散，需求简单还好，清晰明了；但是需求复杂之后，就会多出watch，computed，inject
QX_Java_Learner·2024-02-03 19:11

【Vue】3-2、组合式 API

最后return，才能在模板中使用*4、可以通过setup语法糖简化代码*/setup(){//console.log('setupfunction',this)//数据constmsg='HelloVue3
QX_Java_Learner·2024-02-03 19:11

【Vue】3-3、Vue 3.3 新特性 & Pinia

一、Vue3.3新特性1、defineOptions有之前，如果要定义props，emits可以轻而易举地添加一个与setup平级的属性但是用了后，就没法这么干了，setup属性已经没有了，自然没法添加与其平级的属性为了解决这一问题
QX_Java_Learner·2024-02-03 19:11

Vue学习笔记

_el和data的俩种写法7.事件修饰符8.键盘事件9.条件渲染10.列表过滤11.过滤器12.常用指令13.生命周期14.组件15.ref属性16.props配置17.mixin属性18.vue中的插件
沈姐姐~·2024-02-03 19:11

Vue-动态组件 & 插槽 & 自定义指令

2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。
程序猿向前跑·2024-02-03 19:41

vue2.0第五节：动态组件 & 插槽 & 自定义指令

文章目录学习目标1.动态组件1.1.什么是动态组件1.2.如何实现动态组件渲染1.3.使用keep-alive保持状态1.4.keep-alive对应的生命周期函数1.5.keep-alive的include属性了解组件注册名称和组件声明时name的区别2.插槽2.1.什么是插槽2.2.体验插槽的基础用法2.2.1没有预留插槽的内容会被丢弃2.2.2后备内容2.3.具名插槽2.3.1为具名插槽提供
不能瞌睡呀·2024-02-03 19:41

【vue篇】第五话--动态组件 & 插槽 & 自定义指令

持续更新vue2.0/3.0✊加油，共勉！
陪我吹吹海風吧·2024-02-03 19:41

VueJS 之模板引用

文章目录参考描述模板引用引用访问模板引用组件中的模板引用$nextTick()示例updated错误示范正确演示$nextTick()参考项目描述搜索引擎Bing哔哩哔哩黑马程序员VueJS官方文档模板引用描述项目描述
BinaryMoon·2024-02-03 19:10

Vue基础入门（四）------ 动态组件 & 插槽 & 自定义指令

目录1.动态组件2.插槽插槽的基础用法具名插槽作用域插槽3.自定义指令全局自定义指令私有自定义指令1.动态组件动态组件指的是动态切换组件的显示与隐藏vue提供了一个内置的组件，专门用来实现动态组件的渲染使用
举一个栗子吖·2024-02-03 19:10

vue下载导入模板

下载导入模板1.static在static文件夹里面放入要下载的模板2.需要模板的文件functiondataURLtoBlob(dataurl){constarr=dataurl.split(',')constmime=arr[0].match(/:(.*?);/)[1]constbstr=atob(arr[1])letn=bstr.lengthconstu8arr=newUint8Array(
无眠兔·2024-02-03 19:10

Vue - 第五天 动态组件& 插槽& 自定义指令

动态组件&插槽&自定义指令一、动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性6.动态展示左右组件7.例子二、插槽1.什么是插槽2.体验插槽的基础用法2.1没有预留插槽的内容会被丢弃2.2后备内容（默认内容）3.具名插槽3.1为具名插槽提供内容3.2具名插槽的简写形式4.作用
瓜皮233·2024-02-03 19:40

Vue（五）：动态组件&插槽&自定义指令

目录一、动态组件1.1什么是动态组件1.2动态切换组件的显示与隐藏1.3使用keep-alive保持状态1.4keep-alive对应的生命周期1.5keep-alive的include属性1.6组件注册名称和组件声明时name的区别二、插槽2.1什么是插槽2.2v-slot2.2.1v-slot的基本使用2.2.2v-slot的简写是#2.2.3插槽的默认内容2.3具名插槽2.4作用域插槽2.4
菜鸟界的菜鸟·2024-02-03 19:09

vue入门之05-动态组件 & 插槽 & 自定义指令

1.2如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。
Fairy Pavilion·2024-02-03 19:09

vue启动vxe-table按需引入报 dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxeTable.js

因为项目被搁置了半年，之前在使用nvm安装nodejs新版本时，删除了搁置项目中的安装的依赖。今天重新安装依赖后重启时，无法启动，报：由于vxeTable.js是用于按需加载，在想是不是按需加载导致的问题。在重新删除依赖，重新安装依赖之后依然无法启动项目。去githubvxe-table上搜索下有没有人提这个问题，果然有人提了类似问题，说是babel-plugin-import版本导致的问题，删除
笨小孩丶·2024-02-03 19:09

Vue 动态组件 & 插槽 & 自定义指令&ESLint等插件配置

动态组件componentdata(){return{comName:'Left'}防止动态组件被销毁，使用keep-alive保持状态当组件被缓存的时候，会自动激活deactivated生命周期当组件被激活的时候，会自动激活activated生命周期include属性，指定哪些组件可以被缓存exclude属性，指定哪些组件不会被缓存include和exclude不可同时使用通常通过name属性给
前端新手2022·2024-02-03 19:09

【Vue】动态组件 & 插槽 & 自定义指令 —— 黑马程序员

2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：3.使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。
hexiang@·2024-02-03 19:38

Vue—动态组件&插槽&自定义指令

如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染使用keep-alive可以把内部的组件进行缓存，而不是销毁组件Keep-alive对应的生命周期函数当组件被缓存时，会自动触发组件的
leo·2024-02-03 19:38

Vue3学习记录（二）--- 组合式API之计算属性和侦听器

一、计算属性1、简介计算属性computed()，用于根据依赖的响应式变量的变化，进行自动的计算，并返回计算后的结果。当依赖的响应式变量发生变化时，computed()会自动进行重新计算，并返回最新的计算结果。如果依赖的响应式变量没有发生变化，则computed()会将计算的结果进行缓存，后续再调用时，将会返回缓存的计算结果，而不会重新计算。2、使用基础用法：computed()方法期望接收一个g
努力的小朱同学·2024-02-03 19:08

vue学习-模板引用

模板引用ref，获得dom元素实例，可以进行一些操作this.$refs.input.focus()也可以加在子组件上，调用子组件的methods，修改子组件的datadata(){return{refName:"childComponent",};},mounted(){this.$refs.childComponent.log();this.$refs.childComponent.data=
Rulelur·2024-02-03 19:08

【Vue】2-14、插槽 & 自定义指令

一、插槽插槽（Slot）是vue为组件的封装者提供的能力。允许封装者在封装组件时，把不确定的，希望由用户指定的部分定义为插槽。
QX_Java_Learner·2024-02-03 19:38
上一页 86 87 88 89 90 91 92 93 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他