vue-element-ui日期element vue
element-ui pagination分页组件 点击一次页面跳转触发两次current-change请求
在项目中使用element编写前端页面时,发现在使用pagination分页组件的时候,出现一个坑。 情况是每一次点击页面切换,都会重复触发两次页面切换current-change事件。无论是点击后面的页码或者是下一页或者是跳转到某个页面都会触发两次。第一次正常触发,第二次触发后会返回首页。 经过多 ......
vue3中piniaPinia热更新
pinia 支持热模块替换,因此你可以编辑store,并直接在您的应用程序中与它们交互(在浏览器中进行调试html css js等代码),而无需重新加载页面,允许您保持现有的状态,添加,甚至删除state,action和getter import { defineStore, acceptHMRUp ......
Element plus Carousel 修改指示器样式
在Vue的<style>标签中,使用/deep/选择器是不推荐的,因为它已经被废弃了。取而代之的是使用>>>或::v-deep选择器来代替/deep/选择器。 思路:通过::v-deep找到标签,通过伪类添加需要的样式: // 滚动窗口底部的指示器 .el-carousel ::v-deep .el ......
ant design vue描述列表设置列宽
### 这是默认的样子,没有数据时会显得label特别宽 ![](https://img2023.cnblogs.com/blog/1819018/202307/1819018-20230719103550632-306220092.png) ### 设置列宽为200px后如图所示 ![](http ......
vue3,ts,vite4,uniapp设置路径别名
安装依赖 ``` npm install --save-dev @types/node ``` 配置vite.config.ts文件 ```ts // vite.config.ts import { defineConfig } from 'vite'; import { resolve } fro ......
vue-element-admin改为从后台拿动态路由
改为从后台拿动态路由,大概如下步骤: 1、后台增加接口,返回动态路由数据 2、前端增加请求动态路由接口请求 3、修改 src/route/index.js 去掉原有的动态路由,增加组件名和组件对象映射 map 4、修改 src/store/modules/permission.js 修改当前 权限判 ......
55.角色扮演,假设你现在是一个VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖资深程序员,我是一个刚刚入门的的想做你的学生。你会怎么教我
作为一个资深程序员,我会采取以下步骤来教你: 1. 确保你已经安装好了必要的开发环境,包括Node.js和Vue CLI。如果你还没有安装,我会指导你如何安装这些工具。 2. 介绍VUE3、VITE、TYPESCRIPT和element-plus的基本概念和特性。我会向你解释它们的作用和用途,并提供 ......
[未解决] vue transform-blocks解析源代码报错:Illegal tag name. Use '<' to print '<'.
报错内容: [vite] Internal server error: Illegal tag name. Use '<' to print '`标签后报错,但其他vue文件可以正常读取和展示。 报错的文件,去掉``标签就可以正常加载。报错的方法是vue-compiler的`baseParse()` ......
54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能
要实现导出Excel功能,你可以使用以下步骤: 1. 安装相关依赖: ```bash npm install xlsx file-saver ``` 2. 在你的组件中引入相关依赖: ```javascript import { ref } from 'vue'; import { saveAs } ......
vue3 props设置默认值
1.引入withDefaults import { withDefaults } from "vue"; 2.使用 const props = withDefaults(defineProps< {type?:string} >(),{ type:'number', }) 上述代码,设置的是type ......
前端Vue uni-app App/小程序/H5 通用tree树形结构图
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
python将excel内两列的日期合并
原excel: 目标将year和month合并: year、month里放的1961等是数字,合并日期的时候需要把它们变成字符串再合并,采用.astype(str) #!usr/bin/env python # -*- coding:utf-8 -*- """ @author: Su @file: ......
vue-pdf组件打印文字全是空白框
参考:https://www.yii666.com/blog/34226.html github地址:https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8e ......
vue--day29--vue非单文件组件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>非单文件组 ......
vue基本操作[上] 续更----让世界感知你的存在
# Vue引用js文件的多种方式 **1.vue-cli webpack全局引入jquery** (1)首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。) (2)在webpack. ......
vue-day28--对组件的理解
学了vue之后,我们需要了解组件是什么组件的定义:实现应用中局部功能代码(css/js/html)和资源(map,map,zip)的集合 1.1 模块与组件、模块化与组件化 1.1.1 模块 理解:向外提供特定功能的 js 程序,一般就是一个 js 文件 为什么:js 文件很多很复杂 作用:复用 j ......
vue实现文本复制
> 一. 下载插件 `npm install --save vue-clipboard2 ` > 二. main.js `import VueClipBoard from 'vue-clipboard2'` `Vue.use(VueClipBoard)` > 三. 使用 html部分 点击查看代码 ......
vue组件之间的数据传递
title: vue组件之间的数据传递 date: 2023-07-18 19:17:32 tags: - vue categories: - 工程 - 前端 top: ![](https://img2023.cnblogs.com/blog/2863049/202307/2863049-20230 ......
vue pinia数据持久化
1.安装插件 yarn add pinia-plugin-persistedstate 2.引入插件 将插件导入文件pinia实例 import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-pl ......
Element
## 一、Element ### 1.Element 是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0桌面端组件库。 ### 2.组件 组成网页的部件,例如 超链接、按钮、图片、表格、表单、分页条等等。 ### 3.官网 https://element.eleme.cn/#/ ......
vue3+vite4实现动态引入图片
本来是想使用vue2时使用的require,但是在运行时却突然报错: 看到上面的报错让我很懵,require为啥不能使用呢?? 经过我不懈的努力,终于找到原因: 在 Vue 3 和 Vite 4 中,不再推荐使用 CommonJS 的 require 语法,而是使用 ECMAScript 模块(ES ......
vue3+vite4使用swiper10实现coverflow效果
<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
vue - 图片的放大镜功能
``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s ......
vue手搓h5滚动日期选择器组件
背景 新项目为了省事和后台写一起了,所以用不了Uni-app(悲),然后element-ui的日期选择器h5不适配,看着也难受,就想找个好用的,结果找了一圈感慨,自己写个吧。 说明 为了加快速度,代码可能有些臃肿,但大概就是这样了,看着代码好多,其实只要会一个的滚动就会多个了。建议下看下参考文章,然 ......
vue+zxing 扫描条形码
背景 扫描甲方商品身上的条形码。 吐槽下:这玩意又细又小,还反光,最后用的uni-app上的插件,而且不用自己封装了。虽然和我之前的二方案差不多,即使用 Quagga,打开video,将每帧画成canvas,然后转换为图片交给Quagga识别,缺点是功耗大,最后实装的表现还行,就是扫几个码,手机热了 ......
vue使用hiprint实现打印(vue-plugin-hiprint)
1、安装插件: npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用: <template> <div class="box"> <div class="box-tool"> <el-button-group> <el ......
vue v-if 和v-permission 共同使用的奇怪问题
背景 后台系统某功能按钮需要订单状态和用户权限共同校验是否显示,将权限校验和v-if共同作用在同一div中,下方为实例代码 <div v-if="status==0"> <div @click="function1"> 某按钮功能 </div> </div> <div v-if="status==1 ......
vue .sync修饰符的使用详解
这篇文章主要介绍了vue .sync修饰符的使用,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 vue的官网介绍非常不错,先通读一遍。 2.3.0+ 新增 在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可 ......
antd+vue3 tree-select 组件库 筛选结果不正确的问题
第一次遇到这种带搜索框的下拉树状列表搜索关键字的时候出现我不想要的结果。 我感觉组件它只是搜索一级列表而没有搜索二级列表,然后一节列表把它整个的二级列表带出来了。 二级列表里边包含搜索关键字的所有item才是我想要的。 相关代码: 1 <!-- 页面名称 --> 2 <div 3 class="no ......
【python】查询当前日期的所在月的天数
查询当前日期的所在月的天数 # coding:utf-8 import datetime import calendar from loguru import logger as logs class ca: @staticmethod def days_of_the_month(): """查询当 ......