黄子涵

摘要: 问题 如题所示 答案 Vue中this.$router.push(参数) 实现页面跳转 阅读全文
posted @ 2022-06-23 22:26 黄子涵 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 vue中输入框事件的使用——@input、@keyup.enter、@change、@blur 相关源码如下: <div class="header-search"> <i class="iconfont iconsearch" @click.stop="click"></i> 阅读全文
posted @ 2022-06-23 22:25 黄子涵 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 关于vue中的$符号总结一下 Vue实例身上的属性和方法,和用户自定义一样。 阅读全文
posted @ 2022-06-23 21:54 黄子涵 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 Vue里ref($refs)的用法 元素在ref属性进行注册,然后可以在Vue中使用this.$refs.name操作该元素。 具体源码如下: <div class="header-search"> <i class="iconfont iconsearch" @click.s 阅读全文
posted @ 2022-06-23 21:05 黄子涵 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 js添加事件和移除事件:addEventListener()与removeEventListener() 源码如下: watch:{ show(value) { if (value) { document.body.addEventListener('click', this. 阅读全文
posted @ 2022-06-23 20:52 黄子涵 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 outline和border的区别 outline与border的区别 在以下代码的情况下: 上面border和outline啥都没加,元素的border和input聚焦的时候,outline也在。 在以下代码的情况下: border: none; 这时候,元素的border已 阅读全文
posted @ 2022-06-23 20:03 黄子涵 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别 终于弄懂了事件冒泡和事件捕获! 由于元素之间是嵌套关系,当我们点击子孙元素时,事件会向上冒泡,于是它的父元素也获得该事件,祖 阅读全文
posted @ 2022-06-23 17:35 黄子涵 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 Vue基础语法之@click、时间修饰符@click.stop与@click.prevent、按键修饰符(如@keyup.enter) vue @click.native和@click.stop和@click.self @click.stop,.stop是事件修饰符,整个的意思 阅读全文
posted @ 2022-06-23 16:49 黄子涵 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示,报错截图如下: 答案 npm install --save vue/types/umd 找到出错的文件: import axios from 'axios' import { error } from 'shelljs' import { config } from 'vue/typ 阅读全文
posted @ 2022-06-23 16:39 黄子涵 阅读(650) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 JS同步执行、异步执行、及同步中的异步执行 了解同步执行和异步执行 同步执行就是你读完小学才能读初中,读完初中才能读高中。 异步执行就是你在拉屎,还没有等屎可以接电话。 阅读全文
posted @ 2022-06-23 16:15 黄子涵 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示,源代码如下: fetchCategory() { fetchCategory() .then((res) => { this.category = res.data; }) .catch((err) => { console.log(err); }); } 答案 vue的.then( 阅读全文
posted @ 2022-06-23 16:13 黄子涵 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 axios基础(五):axios拦截器 axios 拦截器——基本用法及拦截器代码 类似于海关,食品检测局。 阅读全文
posted @ 2022-06-23 13:53 黄子涵 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示,源码如下: service.interceptors.request.use( config => { // do something before request is sent // if (store.getters.token) { // config.headers['X- 阅读全文
posted @ 2022-06-23 13:48 黄子涵 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示,源码如下: let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; 答案 关于document.body、document.documen 阅读全文
posted @ 2022-06-23 11:51 黄子涵 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 问题 如题所示 答案 vue中动态添加样式 😒tyle 和 :class 关于vue 里:class 的几种使用方式 Vue框架整理:动态设置样式style、class :class动态绑定样式,其值为真的时候渲染对应样式。 阅读全文
posted @ 2022-06-23 11:24 黄子涵 阅读(71) 评论(0) 推荐(0) 编辑