流浪のwolf

卷帝

导航

2022年10月18日

黑马头条 第五天 - 搜索业务

该文被密码保护。 阅读全文

posted @ 2022-10-18 22:01 流浪のwolf 阅读(12) 评论(0) 推荐(0) 编辑

URL.createObjectURL 的使用方法

摘要: 使用场景:点击图片预览图片的时候,用于生成一个临时的预览地址 ,会存放在本地电脑的内存中 ; imgFile 是?? 使用 input type = file 选择的图片 ; const imgFile = this.$refs.imgFile.files[0]; // 接口需要的参数 file类型 阅读全文

posted @ 2022-10-18 19:48 流浪のwolf 阅读(1732) 评论(0) 推荐(0) 编辑

修改用户设置 - 修改生日

摘要: 点击生日表格的时候,popoup 显示 ,popup 包裹一个修改生日的组件 ; ps:父组件传值 当前的 日期 birthday -currentDate ; 在onfirm 方法里面更新数据 ,然后更新视图 ; <template> <van-datetime-picker v-model="c 阅读全文

posted @ 2022-10-18 16:35 流浪のwolf 阅读(63) 评论(0) 推荐(0) 编辑

使用第三方包处理时间

摘要: console.log(this.currentDate); // Sat Dec 22 2007 00:00:00 GMT+0800 (中国标准时间) const str = dayjs(this.currentDate).format("YYYY-MM-DD"); console.log(str 阅读全文

posted @ 2022-10-18 16:32 流浪のwolf 阅读(6) 评论(0) 推荐(0) 编辑

组件传参v-model语法糖只能写一次的解决办法

摘要: v-model 的使用 解决只能使用一次v-model的问题:使用 sync 修饰符 阅读全文

posted @ 2022-10-18 15:33 流浪のwolf 阅读(30) 评论(0) 推荐(0) 编辑

什么是前端

摘要: 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。 阅读全文

posted @ 2022-10-18 14:36 流浪のwolf 阅读(41) 评论(0) 推荐(0) 编辑

修改用户资料上次的操作遗留

摘要: 组件没有销毁,点击取消的时候把UpdateName组件销毁即可:即加上 v-if 即可 ; 阅读全文

posted @ 2022-10-18 11:34 流浪のwolf 阅读(12) 评论(0) 推荐(0) 编辑

修改用户资料的样式弹层

摘要: <template> <div class="update-name"> <!-- 导航栏 --> <van-nav-bar title="设置昵称" left-text="取消" right-text="完成" @click-left="$emit('close')" /> <!-- /导航栏 - 阅读全文

posted @ 2022-10-18 11:28 流浪のwolf 阅读(15) 评论(0) 推荐(0) 编辑

修改用户资料样式

摘要: 1 <template> 2 <div class="user-profile"> 3 <!-- 导航栏 --> 4 <van-nav-bar 5 class="page-nav-bar" 6 title="个人信息" 7 left-arrow 8 @click-left="$router.back 阅读全文

posted @ 2022-10-18 11:16 流浪のwolf 阅读(14) 评论(0) 推荐(0) 编辑

本地图片上传服务器返回在线地址接口 - file - input -修改头像-带预览功能- 然后使用cropperjs 进行裁剪

摘要: 说明:上传的图片是 file 类型 ,核心就是获取图片文件(file类型的) ; 实现一:使用 vant2 的图片加载组件 ,选择文件后会触发afterRead方法 ,参数 file 就是文件列表filelist ,file.file 就是图片文件 ; async afterRead(file) { 阅读全文

posted @ 2022-10-18 10:31 流浪のwolf 阅读(284) 评论(0) 推荐(0) 编辑

vant2 自动检查表单验证 -validate

摘要: ref 给 <van-form @submit="onSubmit" ref="form"> 标签 ; // 检验手机号是否合格 await this.$refs.form.validate("mobile"); data里面定义的规则 rules对象 ; rules: { mobile: [ // 阅读全文

posted @ 2022-10-18 09:18 流浪のwolf 阅读(92) 评论(0) 推荐(0) 编辑

vue 组件中使用 scoped 有的样式不会生效 解决办法

摘要: 造成原因:组件的嵌套导致 ; 解决: 阅读全文

posted @ 2022-10-18 09:06 流浪のwolf 阅读(25) 评论(0) 推荐(0) 编辑

vuex 基本代码规范 js 文件

摘要: import Vue from "vue"; import Vuex from "vuex"; import { setItem, getItem } from "@/utils/storage"; Vue.use(Vuex); export default new Vuex.Store({ sta 阅读全文

posted @ 2022-10-18 08:56 流浪のwolf 阅读(15) 评论(0) 推荐(0) 编辑