- vue前端几个常用的方法
1,字符串数组去重的方法一、使用set结构去重set是ES6中的一种数据结构,可以去除重复元素,其特征为无序且不重复,经常用于数组去重的场景。letarr=[1,2,2,3,3,4,5];letset=newSet(arr);arr=Array.from(set);二、使用indexOf方法去重indexOf方法可以在数组中找......
- Vue【原创】可拖动列表 darg-list
可拖动排序的列表drag-list,这个比较简单易懂,拿例子直接运行看效果就好了。组件代码:1<template>2<ulclass="list"ref="parentNode"@dragstart="onDragStart"@dragover="onDragOver"@dragend="onDragEnd">3<......
- vue 监听窗口变化
mounted(){window.onresize=()=>{return(()=>{this.$nextTick(()=>{if(document.documentElement.clientWidth<=1000){this.mode="vertical"}else{......
- 关于 Vue.js v2 和 v3 生命周期的概述以及它们之间的区别
Vue.jsv2的生命周期包括以下阶段:1、beforeCreate:在实例初始化之后、实例数据观测和事件配置之前被调用。2、created:实例已经创建完成,数据观测和事件配置已完成,但尚未挂载到DOM上。3、beforeMount:在挂载之前被调用,相关的render函数首次被调用。4、mounted:实例已......
- 百度:为vue站添加百度统计
一,登录百度统计获取统计代码:使用设置->网站列表->新增网站:填写数据后点确定:配置单页:复制代码:二,添加代码到vue的html页面12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPEhtml><......
- Vue【原创】日历组件
最近项目中封装了一个日历组件,用于节假日管理,支持输入默认选中的日期,选择管理日期。效果图: calendar组件:1<template>2<divclass="calendar">3<slotname="title">4<divclass="calendar-title">{{curYearMont......
- Vue3 使用Vuex与Vuex-persistedstate
Vuex与vuex-persistedstateVuex是什么?Vuex是一个用于Vue.js应用程序的状态管理模式。它使得在应用程序中的所有组件之间共享和访问状态变得非常简单。Vuex将应用程序的状态存储在一个单一的存储库中,并且提供了一组用于更改状态的API。这使得状态管理变得更加可预测和易于调试。......
- vue element 多个Form 表单同时验证
多个Form内容统一提交验证1<el-formref="form1"></el-form>2<el-formref="form2"></el-form>3<el-formref="form3"></el-form>4<el-formref="form4"></el-form>......
- vue3同一页面内重复引用同一操作dom的组件产生的问题
[2023年8月28日12:39:40]vue3同一页面内标签<component>重复引用同一组件,且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录组件内进行dom操作,需要通过js方法进行选择器的元素获取,但当vue3全部渲染完毕后,页面内有多个id为test9的相同元素,元素选择将......
- normalizeKey is not a function #element #vue #疑难杂症
normalizeKeyisnotafunction#element#vue#疑难杂症原因是组件中使用了import{Search}from'@element-plus/icons-vue'解决方案是,在main.ts中,将Vue的引入置顶。 //TOP import{createApp}from'vue' importAppfrom'./App.vue&......