- 博客(15)
- 问答 (5)
- 收藏
- 关注
原创 后台系统页面左边菜单按钮和右边内容的处理,后台系统页面出现双滚动
1.1我在做后台项目的时候,发现滚动右边内容的时候左边无法固定,发现页面很丑,我采用的是flex布局1.2 解决方法 随之新的问题也出先 双滚动 处理方法双滚动消失
2022-06-29 09:34:45 1356
原创 后台系统右边内容如何出现滚动条和解决双滚动条的问题
1. 在这里标签保住css关于css这样写的解释2. 出现双滚动条解决方式在app.vue文件 代码完美解决
2022-06-23 14:56:10 1814 1
原创 数组转对象的简单处理
let student = [ {id:1,name:"小明",cid:2}, {id:2,name:"小青",cid:3}, {id:3,name:"小红",cid:2}]let obj = {}; //定义个空对象for (let i = 0; i <student.length; i++) {let item = student[i]; //拿到数组的每一项成员let key = item.id; //数组的id作为对象的key值let value = item; /.
2022-05-14 11:32:15 406
原创 Vue-demo兄弟组件如何传值
1. 首先有两个兄弟组件2. 在scr目录下面创建 common 文件夹 再在common目录下创建 bus.js文件,具体如下然后 bus.js 的内容如下import Vue from "vue";export default new Vue;没错,只需要这些3. 传值 如何传过去?3.1 在BrotherA 组件引入 bus3.2 我们在 BrotherA 点击按钮传值过去3.3 代码如下<template> <div>.
2022-05-09 11:00:29 120
原创 vue-demo 给popup页面添加过渡动画效果
效果图1. 首先创建两个文件夹2. 在路由表中配置路由import Vue from 'vue'import VueRouter from 'vue-router'import Homepage from '../views/Homepage.vue' //引入Vue.use(VueRouter)const routes = [ { path: '/', redirect: "/homepage" }, { path...
2022-05-01 18:49:06 1221
原创 Vue-demo关于子路由跳转正确不显示页面问题
原因1点击 showpopup 跳转 methods: { showPopup () { console.log(this.$route); this.$router.push('/home/popup') }, 这是我的路由表配置的子路由 (本以为是没问题)得到的却是这样的页面,我的路径也是对的问题原因原因出现在在路由表的一个小错误上因为以'/'开头的嵌套路径会被当作根路径,所以子路由上不用加'/'.
2022-05-01 12:06:55 2086 1
原创 Vue点击实现随机切换背景颜色(小demo)
<template> <div class="pageBgc" @click="changeBgc" :style="{background:colorIndex}"> <ul> <li>点我切换颜色</li> </ul> </div></template><script>export default { data() { .
2022-04-29 10:01:16 2116
原创 如何封装axios
1. 安装axios yarn add axios2. 在src目录下新建一个request文件,再在request目录下新建 api.js 和 request.js文件3.在request.js文件中引入axiosimport axios from 'axios'4.创建axios实例, 并设置请求拦截,最后导出import axios from 'axios'const instance = axios.create({ baseURL: '接口路径'
2022-04-27 09:47:16 293
原创 数组转对象 和 对象转数组的简单处理
//数组转对象 let arr = ["value1", "value2", "value3"]; let obj = {} console.log({...arr});//{0: 'value1', 1: 'value2', 2: 'value3'} //对象转数组 let arr = []; let obj = {code:1,item:2,msg:"123456"}; for(var i...
2021-12-31 15:21:54 3437
原创 移动端的删除二次确认功能
Vant官网根据官网的操作来实现拉到下面可以看到 消息确认的这个封装好的功能第一步,先引入组件使用(安装了Vant-ui的前提,官网有安装操作)import { Dialog } from 'vant';第二步,使用(这是我目前在做的功能)视图层<van-button type="primary" @click="handldDelete(scope.row)">删除</van-button>数据层 handldDe...
2021-12-26 16:12:03 1488
原创 Area 省市区选择 -- 官方提供@vant/area-data显示问题
Vant官网官网给的操作步骤引入import Vue from 'vue';import { Area } from 'vant';Vue.use(Area);使用的话,一般搭配Popup 弹出层使用安装@vant/area-datayarn add @vant/area-dataVant官网提供的操作我们先 引入import { areaList } from "@vant/area-data";注册components:...
2021-12-21 16:37:40 4307
原创 errors and 0 warnings potentially fixable with the `--fix` option
当你饱受到eslint疯狂警告的时候,以下推荐处理方法之一,这是我个人遇到的,我也在网上找了许多方法(每个人遇到的问题不一样),发现都不管用,后来我找到了这个(本人所在的公司是要求装这个的)Prettier - Code formatter保存的时候默认了Vetur,所以导致eslint疯狂警告解决方法保存下,问题解决编译终端干干净净...
2021-11-30 09:14:20 3240 2
原创 后端返回的是数字(时间戳),而前端需要的是时间格式
前端需要做的是将时间戳转化为时间格式复制以下js代码段 // 格式化时间 formatTimeFn (str) { let colYear = Number(moment(Number(str) * 1000).format("YYYY")); if (moment().year() === colYear) { return moment(Number(str) * 1000).format("MM月DD日 HH:mm"); }...
2021-11-24 09:15:27 1169
空空如也
Element UI 中国省市区级联数据
2022-07-12
element NavMenu折叠功能,折叠后留了空白位置要怎么处理?
2022-06-25
Nginx启动后然后访问公网ip发现一直在转圈无法访问
2022-05-24
关于Vant-uiTabbar的在app不显示的问题
2021-12-21
关于递归函数的传参问题
2021-11-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人