草庐IT

vue3-admin

全部标签

vue3如何进行时间格式化

首先呢我们用newDate()所展示的时间为 推荐使用:第三方插件dayjsDay.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样.如果您曾经用过Moment.js,那么您已经知道如何使用Day.jsnpminstalldayjs--save在xxx.vue中引入获取当前时间{{time}}importdayjsfrom"dayjs";//没有使用dayjsconsole.log(newDate());//使用dayjsconsole.log(dayjs(newDate()).format("YYYY-MM-DDhh:mm:ss"));//

flask支持Vue2 mode history历史模式

VueRouter配置在Vue2router里面增加constrouter=newVueRouter({mode:'history',base:'/admin/',//这里路径写你打包后的网址路径routes:[//这里是你的路由配置],});vue.config.js打包配置const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,publicPath:'../static/admin/'//静态资源路径})然后打包Flask路由配置@blue.

vue中axios的介绍及封装(看这一篇就够了!)

​🌈个人主页:前端青山🔥系列专栏:Vue篇🔖人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue-axios目录一、axios是什么二、实现一个简易版axios三、源码分析小结四、axios的使用特性基本使用五、为什么要封装六、如何封装设置接口请求前缀设置请求头与超时时间封装请求方法请求拦截器响应拦截器一、axios是什么关于axios的基本使用,上篇文章已经有所涉及,这里再稍微回顾下:发送请求importaxiosfrom'axios';​axios(config)//直接传入配置axios(url[,config])//传入url和配置axios[method](

Vue中路由缓存及activated与deactivated的详解

目录前言一,路由缓存1.1引子1.2路由缓存的方法1.2.1keep-alive1.2.2keep-alive标签中的include属性1.2.3include中多组件的配置二,activated与deactivated2.1引子2.2介绍activated与deactivated2.3解决需求三,整体代码总结前言在Vue的使用中,为了提高应用的效率,我们可以使用路由缓存这方面的相关知识来解决遇到的问题。本博客的内容则是对路由缓存及activated与deactivated的详解。期望能对读者有所帮助。本篇博客需要有对路由相关知识的了解,如需复习可见博客Vue2路由的详细讲解。一,路由缓存本节

ant-design-vue在vue2中自定义icon的实现

此次的目的:自定义两个icon实现方式有好几种,此次用svg     这是目标效果:这是官方社区文档中的原代码:constHeartSvg={template:``,};constPandaSvg={template:``,};constHeartIcon={template:``,data(){return{HeartSvg,};},};constPandaIcon={template:``,data(){return{PandaSvg,};},};exportdefault{components:{HeartIcon,PandaIcon,},};.custom-icons-list>>>.

基于SpringBoot+Vue的课程教学辅助系统设计与实现(附源码)

💗博主介绍:✌全网粉丝10W+,CSDN全栈领域优质创作者,博客之星、掘金/华为云/阿里云等平台优质作者。👇🏻精彩专栏推荐订阅👇🏻计算机毕业设计精品项目案例-200套🌟文末获取源码+数据库+文档🌟感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以和学长沟通,希望帮助更多的人一、前言本课题介绍了教学辅助平台的开发全过程。通过分析教学辅助平台管理的不足,创建了一个计算机管理教学辅助平台的方案。本课程教学辅助系统是一个B/S模式系统,采用SpringBoot框架,MYSQL数据库设计开发,充分保证系统的稳定性。系统具有界面清晰、操作简单,功能齐全的特点,使得教学辅助平台管理

Vue中如何实现城市3D分布图

cityfenbu.vue                                       城市分布图(点击可下钻到县)                                                                         import resizefrom './resize.js';  import echartsfrom 'echarts';  import {getGeoJson}from './getGeoJson.js';  import {getMapChartData}from './getMapChartData.js';

Laravel 5 Vue设置不清楚

我现在已经尝试了所有事情,但是我无法让vue.js在Laravel上工作,似乎没有任何具体的内容,说明将X放入文件中以使其正常工作。我已经尝试了NPM,作曲家的所有内容,但我什至无法获得一个基本的示例。我不清楚我需要什么以及需要去的地方。我正在使用刀片从app.layout视图扩展,但是目前尚不清楚我需要将代码添加到资产/js/app.js或仅在我的默认应用程序布局中使用脚本src=“”标签。app.jsrequire('./bootstrap');window.Vue=require('vue');Vue.component('example',require('./components/E

vue项目本地开发完成后部署到服务器后报404

vue项目本地开发完成后部署到服务器后报404是什么原因呢?一、如何部署前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后,是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可//scp上传user为主机登录用户,host为主机外网ip,xx为web容器静态资源路径scpdist.zipuser@host:/xx/xx/xx让web容器跑起来,以nginx为例server{listen80;server_namewww.xxx.com;location/{index/data/dist/

(使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))

使用vite搭建vue3项目(vite+vue3+vuerouter+pinia+elementplus)初始化项目安装依赖,运行项目初始配置初始化项目1.需要在创建项目的位置cmd目录下执行2.npminitvite@latest回车npminitvite@latest3.填上自己的项目名称回车4.选择vue回车5.选择TypeScript回车6.项目创建完成或者一步到位通过附加的命令行选项直接指定项目名称和你想要使用的模板(根据自己npm版本来选择不同的命令行)#npm6.xnpmcreatevite@latestvite-vue--templatevue-ts#npm7+,extrado