vue element-ui 表格的分页功能

  • Post author:
  • Post category:vue

html 分页核心代码:给 el-table 加 tableData.slice((currentPage - 1) * pagesize, currentPage * pagesize) 上述方法适用于数据量较少时,一次请求获取所有的数据,然后对全部的数据进行操作。 UI表格的表头加背景色,加给 <el-table :header-cell-style="{background:'#ccc…

继续阅读 vue element-ui 表格的分页功能

vue对数组元素的上移下移和置顶等操作

  • Post author:
  • Post category:vue

1、要移动的数组列表 data() { return { questionList: [ { question: "第一个" }, { question: "第二个" }, { question: "第三个" }, { question: "第四个" }, { question: "第五个" }, ], }; }, 2、上移、下移、置顶函数 methods: { // 上移 clickUp(ind…

继续阅读 vue对数组元素的上移下移和置顶等操作

计算机毕业设计Node.js+Vue基于vue的图书管理系统2022(程序+源码+LW+部署)

  • Post author:
  • Post category:vue

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行 环境配置: Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。 项目技术: Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。 环境需要 1.运行环境:最好是Nodejs最新版,我们在这…

继续阅读 计算机毕业设计Node.js+Vue基于vue的图书管理系统2022(程序+源码+LW+部署)

【RuoYi-Vue-Plus】学习笔记 48 – 数据加密功能 Encrypt 源码分析

  • Post author:
  • Post category:vue

文章目录 前言 参考目录 功能实现的准备知识 1、目录结构说明 2、一些准备知识 2.1、自定义插件如何实现? 2.2、Mybatis 拦截器的拦截点? 2.3、关于 `@Intercepts` 注解? 2.4、关于拦截器中的 `Interceptor()` 方法和 `plugin()` 方法? 功能调用流程分析 1、说明 1.1、数据加密配置 1.2、加密实体类 1.3、Mapper(非必须) …

继续阅读 【RuoYi-Vue-Plus】学习笔记 48 – 数据加密功能 Encrypt 源码分析

swiper轮播组件在vue3中的使用

  • Post author:
  • Post category:vue

依赖下载: npm i swiper main.ts引入样式: import ‘swiper/swiper-bundle.css’ 使用: <swiper :modules="modules" :slides-per-view="3" :space-between="0" navigation :scrollbar="{ draggable: true }" :observer="true"…

继续阅读 swiper轮播组件在vue3中的使用

vue用命令直接修复ESLint

  • Post author:
  • Post category:vue

步骤如下: 1、打开package.json,在script里找到 修改为:(中间插入--fix) "lint" : "eslint --fix --ext .js,.vue src test/unit", 2、终端运行 npm run lint 修改代码样式 3、最后终端运行 npm run dev 就不会报ESLint错误了。 版权声明:本文为cuiji4724原创文章,遵循 CC 4.0 B…

继续阅读 vue用命令直接修复ESLint

Vue 安装 CSS 预处理器(Less、Sass、Stylus)

  • Post author:
  • Post category:vue

一、简介 Sass 和 Less 语法严谨, Stylus 相对自由。因为 Less 长得更像 css ,所以它可能学习起来更容易。 Sass 和 Stylus 都具有类语言的逻辑方式处理: 条件 、 循环 等,而 Less 需要通过 When 等关键词模拟这些功能,这方面 Less 比不上 Sass 和 Stylus 。 Less 在丰富性以及特色上都不及 Sass 和 Stylus ,若不是因…

继续阅读 Vue 安装 CSS 预处理器(Less、Sass、Stylus)

vue 中 使用v-if,v-else报错:v-else used on element <view> without corresponding v-if

  • Post author:
  • Post category:vue

解决::将v-else 改成v-show, 解决搜索框显示与隐藏。 v-if ,v-else,v-else-if 要紧接着使用,中间没有其它元素,不然显示不出来会报错 版权声明:本文为LiliGong1原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/LiliGong1/article/details/1235…

继续阅读 vue 中 使用v-if,v-else报错:v-else used on element <view> without corresponding v-if

Vue3图片(Image)

  • Post author:
  • Post category:vue

本图片预览组件主要包括以下功能: 展示图片时,可设置鼠标悬浮时的预览文本;图像无法加载时要显示的描述;自定义图像高度和宽度;设置图像如何适应容器高度和宽度( fill(填充) | contain(等比缩放包含) | cover(等比缩放覆盖));传入单张图像或图像数组;设置图像缩放比率;设置最大最小缩放比例; 单张图片预览时,左上角展示图片名称:水平镜像或垂直镜像;可顺时针旋转或逆时针旋转;还原图…

继续阅读 Vue3图片(Image)

vue项目中使用视频插件

  • Post author:
  • Post category:vue

昨天写一个非物质文化遗址展览项目需要用到视频播放这块, 所以了我就在网站找了一下插件最后确定了就用 vue-vedio-player 首先我们先安装这个插件 npm install vue-video-player -s 我们需要在main.js里面导入并引用 import VideoPlayer from 'vue-video-player' import 'vue-video-player/s…

继续阅读 vue项目中使用视频插件