Zyatoer-CSDN博客

原创 js获取天数

gettoday(){ let date = new Date() let day = date.getDate() let year = date.getFullYear() let month = date.getMonth()+1 let days = this.amountday(year,month,day) return days },js获取年月日时，月份是从0开始计算直到11月，所以如果需要获取到当前真正的月

2021-04-13 08:50:59 995 1

原创任务提交修改

老师要求我不输入报修用户，默认是自己的账号，那么我想到的就是用vuex全局变量来实现。最终结果是这样，但实现时遇到了一个问题，用户名可以是中文也可以是英文，中文与英文计算长度的方法是完全不一样的。所以就需要进行字符的判断。vuex:export default new Vuex.Store({ state: { username:'Zyatoer', pwd:'233', url:'', amountprice:0, waterprice:0,

2021-04-12 09:43:47 103

原创查询mongodb数据库自增_id字段

app.get('/student/repair/cancelrepai',(req,res)=>{ let id =req.query._id id = ObjectId(id) console.log(id) let obj = {_id:id} newtask.find(obj).then(arr=>{ res.send(arr) })})

2021-04-10 23:19:06 213

原创 axios的基本操作

<template> <div id="app"> <img src="./assets/logo.png"> <router-view/> <button @click="getData()">查询数据</button> <button @click="findOnedata()">查询条件数据</button> <button @click='add()'&g

2021-04-10 16:14:00 103

原创肚子开发中关于vant-ui中uploader组件无法点击的情况

最近在开发时，使用了vant-ui中的uploader的文件上传组件，但出现了一个问题有些时候从其他界面进入就没法进行点击上传动作但一刷新又可以使用了；看了开发者工具才知道是之前设置Input属性值时也一并设置上了，导致组件中负责文件上传的input标签换了位置解决方法：.van-uploader__upload input{ margin: 0; width: 100%;}这样就能避免uploader组件下的input标签乱跑的问题了，当然如果为了求稳还可以将padding和ma

2021-04-09 20:53:25 2816 1

原创钩子函数获取data数据以及方法

data() { return { fileList:[], statevalue:0, stateoption:[ { text: '门', value: 0 }, { text: '水龙头', value: 1 }, { text: '床', value: 2 }, { text:'喷头',value: 3 }, { text:'抽水马桶',value: 4 } ], areavalue:0, areaop.

2021-04-08 22:12:06 677

原创 flex布局中，最后一个元素居右展示以及input组件与内容一样宽

写项目时有一个想法，filestate组件里面就是下面报修项目以及报修内容中我希望采用flex布局，希望最后一个元素在最右边该如何实现了<div class="filestate"> <van-icon name="smile-comment-o" /> <h1>报修人</h1> <input class="reportman" type="text" v-model="rname"> </div&gt..

2021-04-08 22:06:03 396

原创 flex布局中独占一行

在移动端的flex布局中，会将所有组件都全部挤在一行，很多时候希望能够达到float布局的效果，当其宽度超出后就换行设置宽度为100%并不能达到想要的效果.bStuname .userinput{ flex-direction: column; width: 100%;}需要在其父组件开启flex-wrap:才能达到分层的效果.bStuname{ display: flex; flex-wrap: wrap; margin-l...

2021-04-05 14:43:30 8061 1

原创仿tim移动端个人页面

<div class="myBody"> <div class="usertop"> <div class="userimg"> <img src="../../../assets/img/1.jpg" alt=""> </div> <div class="username"> <h2>测试用名字</h2> <h3>世界真美好,没必要如此暴躁<...

2021-04-04 09:38:32 136

原创 vue循环单列表的实现

做任务清单时，是这么想的，有点想做一个类似于滴答清单的效果，但滑动的具体实现不明，所以暂时没有实现还有就是类似于任务清单一开始只显示任务的大概，点击大概后会显示具体的信息。类似于：点击后会显示具体的任务想着应该用v-show绑定一个值来实现下面任务的显示隐藏，但有一个问题，点击后就会进行全部列表的显示接着想到了两种方法解决，一种是获取对应的dom元素另外一种就是如果每个列表都有自己对应的判断显示的数据就行；至于第一种暂时没想到解决方法，第二种的解决方法如下：在数据库中添加对应的元素，当循

2021-04-02 11:13:35 217

原创关于vue绑定class属性

这里是想制作一个根据不同的事情紧急程度改变其前面圆环的颜色来达到表现不同的紧急程度数据库如下：Urgengy表示紧急程度，分为三类：紧急，轻松，和较紧急<van-icon name="circle" @click="deltask(value.roomid)" :class="{ A:value.Urgency == 3, B:value.Urgency == 2, c:value.Urgency == 1

2021-04-01 15:26:26 113

原创移动端的自适应

/* rem，适配文件*/;(function(win){ var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); // 设备像素比 var devicePixelRatio = win.devicePixelRatio; var tid; metaEl.setAttribut

2021-03-31 21:42:25 132

原创使用vant中tab组件报错问题

首先他确实能够显示我想实现的效果，其作用是获取到所有的宿舍列表但看着报错就很难受所以百度翻译了一下报错原因其原因是我数据库存放的roomid是int类型的而要使用该插件这里必须是字符串类型的，不然就会出现以上错误通过进行字符串的强制转换就能够解决相应的问题...

2021-03-31 21:38:06 766

原创 vue中css共用问题

vue中css共用问题问题：在做学生宿舍管理模块时，当退出了管理员模块进入到宿舍管理员模块时，同一个title使用了同一个类名出现了css的覆盖问题提示：这里描述项目中遇到的问题：管理员模块宿舍管理员模块原因：在前端路由加载时之前的css文件已经上传到了路由器当进行切换时代码css文件并没有清楚，所以导致css重用提示：这里填写问题的分析：解决方案：修改css名是最简单的方案，当然后续会去查阅如何能够做到退出时将其加载文件全部刷新的问题提示：这里填写该问题的具体解决方案：&

2021-03-29 16:38:35 972

qq_41973733的博客