流浪のwolf

摘要： ps：loading finished onLoad 两个变量一个函数 ； async onLoad() { console.log("onload"); // 异步更新数据 // setTimeout 仅做示例，真实场景中一般为 ajax 请求 // 加载状态结束 this.page += 1; 阅读全文

摘要： 标签里面的事件（子组件传参emit） 优先级大于methods的事件方法 ； ps：取消奥按钮：@cancel="$router.go(-1)" 子组件传参： @click="$emit('search', item)" 回车请求数据 ： @search="onSearch(keywords)" ； 阅读全文

摘要： watch: { keywords: { // yarn add lodash 下载lodash包 // import { debounce } from "lodash"; 引入防抖的函数 // 每隔700ms执行一次handler函数（在keywords变化的情况下，频繁触发的事件） handl 阅读全文

摘要： <span v-html="hightLight(item)"></span> 思路：匹配出搜索的关键词然后替换为高亮的标签 ； hightLight(str) { // 搜索高亮 const reg = new RegExp(this.keywords, "gi"); console.log(re 阅读全文

摘要： <template> <div id="searchVue"> <form action="/"> <van-search v-model="keywords" show-action background="#4694fa" placeholder="请输入搜索关键词" @search="onSe 阅读全文

摘要： store.js 文件 按需导出setItem 和 getItem 函数 ；在utils文件里面 ； export const setItem = (key, value) => { // 复杂数据需要序列化 if (typeof value "object") { localStorage.set 阅读全文

摘要： error: answer: 删除 yarn.lock 或者使用 npm run serve 替换 ; ps: yarn.lock 是锁定第三方包版本的文件； 阅读全文

摘要： 因为toast使用的场景比较频繁，所以在 注册使用 Toast 的时候，直接在Vue实列的原型上添加了toast方便我们使用 ； 格式：this.$toast.fail() this.$toast.success() ; 阅读全文

摘要： tokne 可以使用 vuex 和 本地存储处理 ； 一些接口需要携带token为了避免代码的重复性，可以在请求拦截器统一加入token ，每次请求都会携带token参数，不需要token参数的接口也不会受到影响，因为服务器只会监测自己所需要的参数 ； // 添加请求拦截器 request.inte 阅读全文

摘要： 推荐频道 = 全部频道 - 我的频道 ； 实现的页面： 计算出推荐频道 ：筛选全部频道每一项 ，和我的频道的每一项比较，如果有相同的数据，说明不是推荐数据，要筛选掉，some是只要有一个为真就返回true然后取反false 就实现了筛选； computed: { recommendChannels( 阅读全文