![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 78
qq_18932003
编程爱好者
展开
-
vue项目实现多语言国际化 ,结合element ui、vue-router、echarts
日语都出来了,咳咳,现在,我们是不是得在main.js里边引入vue-i18n呢,然后在目录下建立language文件夹了呢!像日期控件、分页控件等,不会随着vue-i18n的配置改变而改变,换句话说,以上的代码,是不能够切换element ui内部控件的语言类型。// 在此判断lang的值,如果未定义,则让lang默认为DEFAULT_LANG,目的是为了让用户在未选择语言的时候默认为英文。哈哈哈,仔细思考一下,既然$t('key')这种写法不对,那么,我们还能想到什么呢?哈哈哈,是不是很简单啊!转载 2024-03-17 23:18:41 · 791 阅读 · 0 评论 -
vue权限管理---按钮权限如何写?
----------------------------------------------------------------------------------------- 重要。如下图,有两个按钮,一个编辑按钮,一个删除按钮,但是一句上面返回的权限,只有删除权限,按照下图的代码,那么此时,我们在页面上应该可以看到编辑按钮是被禁用的,删除按钮时可用的。如果用户没有登录,手动在地址栏敲入管理界面的地址,则需要跳转到登录界面,如果用户已经登录,可是手动敲入非权限内的地址,则需要跳转到404界面。原创 2024-02-28 08:07:33 · 928 阅读 · 1 评论 -
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。原创 2024-02-28 07:54:39 · 390 阅读 · 0 评论 -
Vue Router 深度用法
你可能不清楚的 Vue Router 深度用法(一)_weixin_33949359的博客-CSDN博客https://segmentfault.com/a/1190000018174887你可能不清楚的 Vue Router 深度用法(二)Vue Router 简单易上手,能实现大部分的需求。但是,如果在项目里需要更细致的控制路由,以实现与其同步的效果,就需要挖掘其文档里没详细提及的内容。第一章为路由元信息用途挖掘。路由元信息用途(1)验证用户身份大部分项目,除了登录页、重置密码页..原创 2021-11-11 22:07:18 · 908 阅读 · 0 评论 -
vue.js学习笔记
https://www.offeu.com/www/index_id_212.html vue.js学习笔记https://www.offeu.com/www/index_id_213.html vue组件编写(页面模块化)https://www.offeu.com/www/index_id_214.html Vue组件页给父页传递数据...原创 2019-11-14 09:51:21 · 106 阅读 · 0 评论 -
VUE.JS组件
【整理思路】从零开始封装Echarts的Vue组件_哔哩哔哩_bilibili基于Vue如何封装组件_哔哩哔哩_bilibiliVue实践-通过props:$emit:$refs:bus:$attrs:$listeners实现组件传值_哔哩哔哩_bilibiliVue 实例属性:$props、$attrs、$data、$refs、$parent、$children、$router、$route 等_哔哩哔哩_bilibili20210410_Vue-如何写一个通用组件-封装BootStra.原创 2021-11-11 21:58:59 · 126 阅读 · 0 评论 -
大屏可视化 设计尺寸 高级指南
前言大屏可视化的设计尺寸定义,一直是很多设计师苦恼的一件事,很多时候大屏出现的问题,都是因为对设计尺寸没有一个正确的认识导致。比如大屏内容呈现不全、拉伸、压缩、字号小的看不见等等,出现这样的问题就会浪费时间调整返工,本期我们就来认认真真的讨论一下大屏的设计尺寸。大屏的类别及成像我们设计的可视化大屏通常可以分为两类:一类是拼接屏,由46-55寸的液晶显示屏拼接而成,有一定的缝隙;一类是LED屏无缝隙,是由成千上万个LED灯构成像素点,发光像素点之间的距离是LED...原创 2021-10-05 10:02:48 · 485 阅读 · 0 评论 -
这个牛逼了,基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目
今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目-AJ-Report简介AJ-Report由安吉加加开源的一个BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑。 多数据源支持,内置mysql、elasticsearch、kudu驱动,支持自定义数据集省去数据接口开发,支持17种大屏组件,不会开发,照着设计稿也可以制作大屏。 三步轻松完成大屏设计:配置数据源---->写SQL配置数据集---->拖拽配..原创 2021-10-09 09:00:37 · 3702 阅读 · 2 评论 -
轮子周刊第01期:Vue 大屏可视化轮子合集
一个基于 vue、datav、Echart 框架的大数据可视化(大屏展示)模板,提供数据动态刷新渲染、屏幕适应、内部图表自由替换、Mixins注入等功能,持续更新.... https://gitee.com/MTrun/big-screen-vue-datav Vue-Layout - 可视化布局 https://jaweii.github.io/Vue-Layout/dist/#/ layout 合集 https://vuejsexamples.com/tag/lay.原创 2021-10-09 09:01:00 · 223 阅读 · 0 评论 -
从0到1开发可视化数据大屏
前言:大数据时代,以大屏为载体的数据可视化需求日渐增多,数据大屏成为越来越多企业绩效展示,报表展示,业务监控等等的一种形式,大屏的上线带来的是便捷,无需编码,用户可以直接将所要呈现的组件拖拽到画布上,然后进行随意配置和布局,所见及所得。前段时间我们上线了内部的自己的可视化数据大屏 beta 版本❞1 前期调研❝各云服务商也都推出自己的数据大屏整体解决方案,比如阿里云的 datav、腾讯云的腾讯云图、网易的网易有数、百度的 Sugar,都在给自家产品赋能后推出自己的可视化方案,你可以会有疑惑 ??原创 2021-10-09 09:01:39 · 1253 阅读 · 0 评论 -
使用VUE实现可视化大屏的适配思路总结(文末送vue版可视化大屏源码)
页面布局在拿到设计图后,通常会先通过设计图的布局来思考代码的设计,这也是开始着手写代码前必须要进行的一步,在项目中,我曾遇到,在一张大屏图开发到一半的时候介入,和另一个前端一起进行开发,结果由于她将整张图上的所有图表都放到一个vue文件里面,结果导致整个页面的代码数量级达到上千行,并且介入合作后,由于两人在一个文件里面进行开发,常常会导致提交代码时要合并冲突,经过这个教训后,在二期进行重构时,第一步就是对整个页面进行拆分,这样不仅能更好的分工合作,而且也利于后期代码的维护。(其实大多数开发人员都会这样做原创 2021-10-05 10:01:11 · 5034 阅读 · 0 评论 -
基于 Vue3.0+Echarts 可视化大屏数据分析系统
今天给小伙伴们推荐一款超优秀的全新Vue3.0大数据系统Vue3-bigData。vue3-bigdata基于vue3.0+echarts构建的可视化大屏图表展示系统。包括各种可视化图表及Vue3新API使用。功能 柱状图、饼图、词云图、漏斗图 水球图、折线图 仪表盘、雷达图 矩形树图、关系图 地图(分布图、散点图、热力图) 安装使用# 克隆项目git clone https://github.com/biubiubiu01.原创 2021-10-11 10:35:19 · 2740 阅读 · 0 评论 -
用 Vue+ElementUI 搭建后台管理极简模板
此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开发自己的后台管理系统,能让读者能在掌握一些基础知识的情况下,也能上手 vue 后台开发。只有接触项目,才能更好地理解自己所学知识的意义,触类旁通把死知识点变成活学活用的技能。先跑起来 # 克隆项目git clone https://github.com/tuture-dev/vue-admin-template.git# 进入目转载 2021-10-15 12:23:20 · 2832 阅读 · 0 评论 -
Vue+Echarts企业级大屏项目适配方案
在做公司做了很多大屏的项目之后,针对于屏幕适配,说实话有很多解决方案,例如媒体查询、scale缩放、Rem、vw等等,但每种方案都有其特定的使用场景,面对不同的项目,我们首先考虑的不是哪种方案最好,而是最合适。总结了我司做的大屏项目以后,我写了这篇大屏适配完全解决方案,希望对您有所帮助。先看项目效果图项目1:地铁三维可视化大屏系统总分辨率为固定为9600*2160,分为左--中--右三块屏幕拼接而成, 不会适配过大过小的屏幕左屏分辨率:2880*2160中屏分辨率转载 2021-10-11 10:35:49 · 3872 阅读 · 2 评论 -
vue小demo之实现表格数据的筛选和删除
表格的筛选和删除效果如下:输入框输入商品名称就能筛选到商品:点击删除火龙果时:确定之后,火龙果就被删除了:代码如下:转载 2021-10-15 11:59:49 · 128 阅读 · 0 评论 -
Springboot+MyBatis+Vue实现表格增删改查
表单页:实现增删改查、添加附件、分值统计。环境介绍jdk:1.8以及上前端:vue后端:springboot+mybatis数据库:mysql5.7完整源码获取前端源码名字:dist后端源码名字:springdemo扫码关注回复【表格】获取源码如果你在运行这个代码的过程中有遇到问题,请加小编微信wcy18898375730,我拉你进对应微信学习群!!帮助你快速掌握这个功能代码!...原创 2021-10-09 08:24:07 · 956 阅读 · 0 评论 -
Vue 3 组件开发:搭建基于SpreadJS的表格编辑系统(组件集成)
通过前文的学习,我们已经搭建出了一个基于 Vue 3 的项目原型,并借助 Vite 免打包的概念,实现了快速的冷启动、即时的热模块更新,以及真正的按需编译。今天,我们将通过集成 SpreadJS 电子表格组件和在线表格编辑器组件,使该项目原型具备 Excel公式计算、在线导入导出 Excel 文档、数据透视表和可视化分析能力,进而实现在线表格编辑系统的雏形。 设 计 思 路 同时创建 SpreadJS 和 Designer(表格编辑器)两个组件...转载 2021-10-05 10:02:02 · 946 阅读 · 0 评论 -
Vue 项目打包部署实战完整流程总结!
使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也是前端项目地址,因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。Vue项目打包部署本身不复杂,不过一些前端同学可能对服务器接触不多,部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题,内容概览:一、准备工作——服务器和nginx使用1. 准备一台服务器我的是ubuntu系统,linux系统的操作都差不多。没有服务器怎么破?如果你只是想体验一下,原创 2021-10-05 10:01:29 · 1972 阅读 · 0 评论 -
Vue学习笔记使用系列
https://www.cnblogs.com/Fengge518/category/1539131.html永远不要眼高手低,Vue完整实现一套简单的增删改查CURD操作摘要:1: 永远不要眼高手低,看起来很简单,但是你从来没有去动手试一下,就不知道其中真正需要注意的许多细节, 2:完整code如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6转载 2021-10-13 07:53:52 · 59 阅读 · 0 评论