会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
吴小明
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
8
9
10
11
12
13
14
15
16
···
63
下一页
2021年8月27日
周计划获取周日历,react封装周日历组件
摘要: 根据windows日历,获取当前周,以及当前周的前2周和后4周,共7周的日期范围 export function getFormatDate(serverDate) { let list = [] // 二维数组 let formatDate = function (date, days) { le
阅读全文
posted @ 2021-08-27 14:27 吴小明-
阅读(675)
评论(0)
推荐(0)
2021年8月26日
$event的使用场景
摘要: 1、作为事件对象【原生事件】 <button @click="handleClick">按钮</button> <el-button @click="handleClick($event)">按钮</el-button> methods: { handleClick(e) { console.log
阅读全文
posted @ 2021-08-26 18:03 吴小明-
阅读(988)
评论(0)
推荐(0)
封装localStorage的读取(命名空间)
摘要: 1、utils/utils.js const namespace = 'mall' export function setItem(key, value) { let storage = window.localStorage.getItem(namespace) storage = storage
阅读全文
posted @ 2021-08-26 11:09 吴小明-
阅读(284)
评论(0)
推荐(0)
2021年8月25日
获取地址栏参数转成对象
摘要: export const quertObject = (url) => { const queryString = url.split('?')[1] const obj = {} const arr = queryString.split('&') for (let i = 0; i < arr.
阅读全文
posted @ 2021-08-25 23:38 吴小明-
阅读(111)
评论(0)
推荐(0)
按钮组件如何处理点击事件(将原生事件绑定到自定义组件)
摘要: 当使用elementUI的按钮组件时 <el-button @click="handleClick1">按钮一</el-button> <el-button @click="handleClick2">按钮二</el-button> <el-button @click="handleClick3">
阅读全文
posted @ 2021-08-25 22:02 吴小明-
阅读(1074)
评论(0)
推荐(0)
一个简单的transition动画
摘要: 定义Child组件: <template> <transition name="slide"> <div id="child" v-show="isShow"> <h1>子组件</h1> <button @click="isShow=false">按钮</button> </div> </trans
阅读全文
posted @ 2021-08-25 20:37 吴小明-
阅读(91)
评论(0)
推荐(0)
根据路由记录(利用matched)动态生成面包屑导航
摘要: 动态面包屑效果: 1、当路由为/home时,面包屑只展示一级 2、当路由为/home/manage时,面包屑显示一级和二级 3、当路由为/home/manage/list或/home/manage/test时,面包屑显示一级、二级、三级 实现: 1、components/BreadCrumb.vue
阅读全文
posted @ 2021-08-25 15:37 吴小明-
阅读(1462)
评论(0)
推荐(0)
2021年8月24日
assets和static的异同
摘要: 相同点: 1、都是用来放静态资源的 2、如果资源在html中使用,都是可以的 <img src="../../../assets/images/002.jpg"> <img src="../../../../static/images/002.jpg"> 3、资源通过import引入,都可以在htm
阅读全文
posted @ 2021-08-24 20:06 吴小明-
阅读(227)
评论(0)
推荐(0)
2021年8月23日
vue实现简单的评分组件(五角星、评分)
摘要: <template> <div class="star"> <span class="star-item on"></span> <span class="star-item off"></span> <span class="star-item half"></span> <hr> <span c
阅读全文
posted @ 2021-08-23 23:28 吴小明-
阅读(2029)
评论(0)
推荐(0)
封装绑定事件的处理函数(事件代理)
摘要: <ul id="list"> <li id="li1">项目一</li> <li>项目二</li> <li>项目三</li> <li>项目四</li> </ul> const list = document.getElementById('list') const li1 = document.ge
阅读全文
posted @ 2021-08-23 20:20 吴小明-
阅读(109)
评论(0)
推荐(0)
上一页
1
···
8
9
10
11
12
13
14
15
16
···
63
下一页
公告