![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
sunon_
一个java小菜鸡的进阶之路
个人博客:https://www.zjhuiwan.cn/
展开
-
nvm安装和使用
公司不同系统用的node版本不一样,所以就需要安装多版本了,那么使用nvm来管理就大大方便了开发。原创 2023-08-03 10:27:01 · 1426 阅读 · 0 评论 -
js传json类型数据给后端|后端接收json格式参数
需求是:前端组装json格式参数,调用后端接口。根据接口返回值设置数据回显原创 2023-05-06 16:24:45 · 963 阅读 · 1 评论 -
SpringBoot+Vue从零开始做网站5-前端vue项目全局路由和一些配置
vue项目创建好了并且集成了基础的后台管理系统,调用后端接口也调通了。接下来就是开发后台管理系统的其他功能了,首先就是把相关路由和一些基础工具配置一下。vue的全局路由配置,router/index.js代码:import{createRouter,createWebHashHistory,createWebHistory}from"vue-router";importHomefrom"../views/admin/Home.vue";import{authtoken}...原创 2022-05-20 21:10:33 · 626 阅读 · 0 评论 -
Vue3.0定时任务显示实时日期相减后时间,vue日期相减天数时分秒
需求概述:就是两个日期相减,把得到的天时分秒显示在页面中并实时更新时间走动。效果:代码:<template><h2><span>世界上最甜的崽</span>小甜崽</h2> <p>网站:ltBlog</p> <p>邮箱:sunonzj128@qq.com</p> <p>已运行:{{blogRunTime}}</p> <img src=".原创 2022-05-19 10:56:30 · 1561 阅读 · 0 评论 -
Vue3列表数据点击显示或隐藏当前列数据
需求是这样子的,页面有多条数据,每条数据下面有个评论按钮。点击评论按钮会展开评论框,再点击一下就关闭评论框,如下图直接上代码,利用v-show="item.show"解决<template> <blog-head/> <div class="box"> <div class="moodlist"> <section v-for="(item,i) in listData" :key="i"><i cl原创 2022-05-18 16:47:39 · 2094 阅读 · 0 评论 -
使用Element UI 的el-pagination组件实现分页效果
实现后的样子效果:代码:<template> <blog-head/> <div class="box"> <div class="blogs"> <ul> <li class="blogs_list" v-for="(item,i) in listData" :key="i"> <a @click="articleInfo(item.id)..原创 2022-05-17 17:33:39 · 844 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站1-创建SpringBoot简单项目
这段时间抽空给女朋友搭建一个个人博客,想着记录一下建站的过程,就当做笔记吧。原创 2022-05-11 23:05:08 · 1587 阅读 · 0 评论 -
Vue3.0 路由跳转页面不刷新
遇到的问题是,从表单页提交跳转到列表的时候没有刷新页面,导致刚提交的数据没有及时显示在列表当中,使用监听方法主动刷新列表数据import { ref, reactive,watch } from "vue";export default { name: "basetable", setup() { .... //监听,当路由发生变化时刷新页面,解决路由跳转不刷新的问题 watch(router.currentRou原创 2022-05-01 22:33:05 · 3790 阅读 · 0 评论 -
Vue3.0路由传参
传参。直接push query 或者 param也行const router = useRouter();const handleEdit = (index, row) => { router.push({path:"/publishArticle",query: {id:row.articleId}}); // editVisible.value = true; };接收参数const router = useR.原创 2022-05-01 22:30:38 · 703 阅读 · 0 评论 -
Vue3.0中WangEditor本地上传图片(解决跨域问题,后端返回问题)
官方文档:http://www.wangeditor.com/编辑器自带上传网络链接图片本地上传图片需要自己设置效果:注意事项:1、自定义上传方法来上传图片,使用FromData对象来传参,但是碰到了后端无法获取file参数的问题,如果是axios请求后端接口需要修改请求头。。2、直接上传配置好后端接口,可能会有跨域问题,配置请求头可解决3、成功上传图片后编辑器提示插入图片失败,需要根据编辑器的规范返回后端数据4、使用代码高亮插件,引用js的时候这样写(import hi..原创 2022-04-29 22:43:51 · 13360 阅读 · 3 评论 -
Vue3使用element的el-upload上传图片文件
首次使用才了不少坑效果本来是不想直接用action上传到后端的,想用http-request="uploadFileRequest"上传,但是在uploadFileRequest方法中参数File获取不到文件流,file.file和file.raw都不行,就还是用action直接提交上传吧file参数的值:直接贴代码看吧<el-upload class="avatar-uploader" limit="1" //最大允许上传个数...原创 2022-04-28 09:07:45 · 10105 阅读 · 9 评论 -
利用docsify快速搭建文档型
参考:docsifyA magical documentation generator.https://docsify.js.org/#/zh-cn/quickstart最快速简单的就是利用官方提供的例子,在上面修改。做好的效果还是不错滴:点击下面查看(用来做成一个记录恋爱日志的网站)About My sweet_babyDescriptionhttps://www.zjhuiwan.cn/zjlovelt/#/window.$docsify = { name: 'About M.原创 2021-12-09 13:30:56 · 291 阅读 · 0 评论 -
‘npm‘ is not recognized as an internal or external command,operable program or batch file.
今天搭建vue开发环境,安装node.js之后 用git bash here执行npm...命令报错换成cmd执行相关命令就成功了....原创 2021-11-17 11:09:08 · 4523 阅读 · 0 评论 -
点击input弹出div,点击div外隐藏div。js阻止冒泡事件
<div class="line"> <div><span>*</span>考试人员</div> <div class="aw"> <input style="color: #3e5ed9;" readonly="readonly" class="input" type="text" name=...原创 2021-01-28 14:02:28 · 645 阅读 · 0 评论