大小 模板vue
代码模板
今天有空来专门总结一下代码模版，顺便定制一张代码模版鼠标垫，哦吼！！！  ↑这就是预期效果 ......
vue3 路由-导航守卫
假设用户登录，在地址栏输入了Login，人性化的设计应该自动回到home页面。或者用户输入不存在路由，也应该回到home页面。 这个时候需要用到vue-router的导航守卫功能。 在我们封装的router.js文件下添加router.beforeEach…… const router = crea ......
Galaxy Studio星河工作室于8月26日正式使用Canva可画网页版对室徽进行重绘！还开放了名片模板？
Galaxy Studio星河工作室于8月26日正式使用Canva可画网页版对室徽进行重绘！还开放了名片模板？ 据了解，Galaxy Studio星河工作室室长于8月26日对使用Canva可画网页版室徽正式重绘！新室徽到底怎么样呢？让大家都来看看吧！ 怎么样？不错吧！ 对了！还有一个名片模板，想要使 ......
vue前端几个常用的方法
1，字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构，可以去除重复元素，其特征为无序且不重复，经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......
Vue【原创】可拖动列表 darg-list
可拖动排序的列表 drag-list，这个比较简单易懂，拿例子直接运行看效果就好了。 组件代码： 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra ......
Vue3 Composition Api 与 Vue2 Options Api
Options Api Options API，即选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑 如下图： Composition Api 在 Vue3 Composition API 中，组件根据逻辑功能来组织的，一 ......
vue 监听窗口变化
mounted() { window.onresize = () => { return (() => { this.$nextTick(() => { if(document.documentElement.clientWidth <= 1000){ this.mode = "vertical" ......
Vue【原创】基于【日历组件】的【节假日管理】功能整合
基于日历组件（lilo-canlendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5 ......
百度：为vue站添加百度统计
一，登录百度统计获取统计代码: 使用设置->网站列表->新增网站: 填写数据后点确定: 配置单页: 复制代码: 二，添加代码到vue的html页面 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 2 ......
Vue【原创】日历组件
最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> ......
Qt开发思想探幽]QObject、模板继承和多继承
@[TOC]([Qt开发思想探幽]QObject、模板继承和多继承) ## [Qt开发探幽]QObject、模板继承和多继承 当我们在用Qt开发一个软件框架的时候，在一个正式一点的库或者框架中，我们不可避免地想要使用继承，但是可能当我们开发完一个模块后，会发现一些问题，比如说在编译的时候发现父类会编 ......
vue element 多个Form 表单同时验证
多个Form内容统一提交验证 1 <el-form ref="form1"></el-form> 2 <el-form ref="form2"></el-form> 3 <el-form ref="form3"></el-form> 4 <el-form ref="form4"></el-form> ......
Vue3 使用Vuex与Vuex-persistedstate
## Vuex与vuex-persistedstate ### Vuex是什么？ Vuex是一个用于Vue.js应用程序的状态管理模式。它使得在应用程序中的所有组件之间共享和访问状态变得非常简单。Vuex将应用程序的状态存储在一个单一的存储库中，并且提供了一组用于更改状态的API。这使得状态管理变得 ......
vue3同一页面内重复引用同一操作dom的组件产生的问题
##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......
normalizeKey is not a function #element #vue #疑难杂症
normalizeKey is not a function #element#vue#疑难杂症 原因是组件中使用了 import { Search } from '@element-plus/icons-vue' 解决方案是，在 main.ts 中，将 Vue 的引入置顶。 // TOP impo ......
vue 地区选择器
注意！！！ 仅当笔记使用如有侵权请联系删除 原文链接：https://blog.csdn.net/c_qianxia5040/article/details/125293035 <template> <div> <el-row> <el-form :model="queryParams" inlin ......
Vue element 表单验证不通过时，滚动到校验未通过位置
我们在使用elementIUI实现表单验证，内容比较多的时候，提示内容会被遮挡，这时候用户不清楚什么情况，还会连续点击提交按钮。这个时候需求来啦：我们需要在表单验证不通过的时候，页面滚动到对应校验不通过的位置。 ###大致思路 在表单验证方法validate中，提供了两个参数：是否校验成功，和未通过 ......
android webview调用js(vue)问题记录
这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们 ......
ruoyi-vue如何部署在根目录下的多级目录
1、找到vue.config.js module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项 ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
鼠标任意拖动元素排列顺序（vue）
参考地址：https://codesandbox.io/s/condescending-butterfly-enjqpr?file=/src/App.vue <template> <div> <transition-group name="drag" class="list" tag="ul"> < ......
vue-颜色选择器（vColorPicker）
// 安装插件 // 官网：http://vue-color-picker.rxshc.com/ npm install vcolorpicker -S // main.js 中全局引入 import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpi ......
vue3中使用provide/inject
父组件 <template> <hello-world/> <button @click="changeMessage">按钮</button> </template> <script setup lang="ts"> import HelloWorld from "./components/Hel ......
浅析三维模型OBJ格式轻量化压缩文件大小的技术方法
三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作，从而实现三维模型轻量化。轻量化压缩比大，模型轻量化效率高，自动化处理能力高；采用多种算法对三维模型进行几何精纠正处理，精度高，... ......
Vue Components Testing All In One
Vue Components Testing All In One
TDD / 测试驱动开发
......
04.使用 github actions+docker 自动部署前后端分离项目 zhontai (.net core+vue)
本文将分享使用 GitHub Actions 完成对一个.Net Core+Vue 的前后端分离项目 zhontai 的构建，并使用 docker 部署到云服务器(阿里云),及对docker部署.Net Core+Vue的一些经验分享。 ......
vue3项目实战+element-plus
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架 ......
Uni-app -uview模板使用
1、 https://v1.uviewui.com/components/resource.html 脚手架空白工程 打开模板 导入 从本地目录导入 ......
vue2
介绍 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 ......