vue
文章平均质量分 59
听说这有个小白
python的一小白
展开
-
vue3 element plus el-tooltip文字提示实现多行展示
需求上传文件时可以提示需要的目录结构例如需要的提示信息:─ src.zip # 源代码 ─ api.conf # 所有请求 ─ assets # 主题 字体等静态资源 ─ components # 全局公用组件 ─ directive # 全局指令 ─ filters # 全局 filter ─原创 2021-06-28 11:40:42 · 5437 阅读 · 1 评论 -
Dockerfile Nginx Jenkinsfile Vue项目自动化部署相关文件
说明:由于项目需要通过环境变量动态更改nginx的配置所以引入default.conf.template,default.conf.template是带有环境变量的nginx配置文件,docker启动后会读取环境变量替换掉default.conf.template中使用的环境变量,生default.conf后再启动dockerdefault.conf.templateserver { listen 80; server_name localhost; #char原创 2021-05-28 11:59:36 · 355 阅读 · 0 评论 -
vue3 关于使用vuex做状态管理,页面刷新后数据丢失解决办法
数据丢失原因使用vuex通常会遇到页面刷新后数据丢失的问题。原因是页面刷新后浏览器会重新加载页面相关的组件,vuex的存储的状态当然也会被初始化,所以就造成了数据丢失。也就是vuex并不能做数据的持久化存储,只是在内存中创建个临时仓库。解决方式使用其他存储方式Cookiess可以将数据存储在Cookies中,但是Cookies大小被限制(各浏览器限制大小可能不同),不适合存储大数据。LocalStorage本地存储,直接将数据存到硬盘。不手动删除不会被清理。SessionStorage会原创 2021-05-21 18:20:12 · 3157 阅读 · 0 评论 -
vue3.0 + element plus实现独立分页并引入其他页面
注意:本案例适合后端做过分页处理情况。若后端未做分页处理,需要略微改造。有疑问可以留言获取分页组件分页组件<template> <div class="block"> <span class="demonstration">显示总数</span> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentC原创 2021-05-20 17:54:54 · 1311 阅读 · 0 评论 -
vue3.0+element plus 实现使用分页功能页面刷新后维持页面不变
说明:案例只有分页栏,没有数据。实现的效果体现在分页栏页码的变化上。构建分页在element plus挑选一个分页组件,创建test页面<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200原创 2021-05-06 18:25:41 · 4949 阅读 · 2 评论 -
vue3.0+element plus 实现通过侧边栏加载其他页面
构建侧边栏在element plus挑选一个菜单组件,创建test页面<el-col :span="12"> <h5>自定义颜色</h5> <el-menu :uniqueOpened="true" default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"原创 2021-04-21 18:30:51 · 2638 阅读 · 3 评论