weixin_48850734的博客

一、axios封装和使用【可参考大佬的博客：https://www.jianshu.com/p/0229211ea679】1、vue接数据用axios，一般先要封装一个公用axios方法对应代码：import axios from "axios";import QS from 'qs';import {Toast} from "vant";import BASE_URL from "../config/env.js";console.log(BASE_URL)const baseUrl

一、vue实现手风琴效果结果：代码：HTML:对应代码：<section class="star_intro pc"> <div class="container"> <div class="center" :class="{ activeCenter: activeIndex == index + 1 }" v-for="(studentImg, index) in PC_

Vue-通过qrcodejs2实现二维码

Vue2中使用vue-awesome-swiper实现轮播

Vue/JS-音乐的播放与关闭

-Vue-图片404（Not Found）

Vue-用$set赋值

Vue-ElementUI-嵌套Dialog打开后自带一个遮罩层

Vue-ElementUI-Dropdown下拉菜单出现/隐藏时触发

Vue-父页面向子组件传递数据

Vue-多个class的三元表达式写法

vue2-vant组件库的使用

Vue/JS-滚动到页面最顶部 + 让某高度的滚动条返回最顶部 + 页面滚动到某一位置

vue背景图片的写法

Vue-基础模板

在用vue写的一个项目中，封装了一个banner组件。在某个页面中，需实现的效果是：点击页面里的菜单栏部分，整个页面内容进行相应变化，包括banner部分。遇到的问题是：点击页面里的菜单栏部分，banner部分不能跳转到对应内容（即图片）。正确效果：【> 点击蜀舞之星，banner部分的背景图跳转到对应的蜀舞之星的背景图】错误效果：【> 点击争霸赛，banner部分的背景图未跳转到对应的争霸赛的背景图】解决方法：在banner组件中加入watch监听事件，实时监听banner组件中

一、vue-用vant实现下拉刷新补充知识：合并数组举例：

一、vue-在子组件里修改父页面里的东西vue里面是不能直接在子组件里面修改父页面里的东西的，而是要通知父页面，让其对里面的内容进行修改，所以改变内容是在父页面里进行的举例：结果：......

vue-awesome-swiper的使用【vue-awesome-swiper的网址：https://github.com/surmon-china/vue-awesome-swiper】1、vue-awesome-swiper的使用方法：可以根据上面的网址进行响应步骤的操作2、当我们需要实现：点击对应轮播图，获取到其对应的索引值，不能按照Swiper的方法来，而需要去查询官网，了解到：并非是在<swiper-slide>上面写监听点击事件，而是在<swiper>上写参考官

vue解析富文本

一、vue-watch用法——分为普通监听和深度监听【参考自优秀滴博主：https://www.jianshu.com/p/4847b9e3a2c6】举例：二、v-for循环时，初始化的值应为数组三、取消Elemen中的表格默认的高亮效果// 取消Elemen中的表格默认的高亮效果，即鼠标移动到某行时，该行出现默认颜色 /deep/.el-table tbody tr:hover>td {background-color: rgba(0, 0, 0, 0) !impor

一、PC端和移动端弹窗1、PC端-Element-弹窗结果：2、移动端-Vant-弹窗结果：二、 vue-返回上一页methods：// 返回上一页 back() { this.$router.go(-1);//返回上一层 }三、vue-有无数据时展示不同的页面二、一个后台参数实现时间区间的选择<div class="chooseBox"> <h3>注册时间</h3> <

一、只给span加样式实现含文字的椭圆形.tableData ul li:last-child span { display: flex; padding: 0.5rem 0.8rem; background-color: #c92a1d; color: #fff; align-items: center; justify-content: center; border-radius: 1rem;}结果：二、PC端和移动端关于error时的js写法1、PC端（根据情

一、Element-表格的最后一列固定定位结果：二、跳转页面接接口的步骤

PC端-Elementui-重置 + 移动端-重置 + vue-页面跳转的两种方法 + vue-img接数据写法 + template.js-img接数据写法。。。二、移动端-重置补充知识：三、页面跳转的两种方法第一种：举例：点击头像，跳转页面这儿的红色横线部分与下面的红色横线部分相对应第二种：

PC端-Element-分页 + 格式化时间戳 + PC端-Element-表格

修改element-ui/第三方库里面的自带样式 + vertical-align:top； + 时间线 + PC端-Element-dialog对话框-弹窗

一、vue常用UI框架VUE：PC端 UI框架——element；移动端 UI框架——vant分别对应链接：https://element.eleme.cn/#/zh-CN/component/layouthttps://vant-contrib.gitee.io/vant/#/zh-CN/quickstartvue相关知识链接：vue官网：https://cn.vuejs.org/v2/api/#created路由：https://router.vuejs.org/zh/guide/esse

一、CSS-鼠标经过的时候，下划线动态从左往右展示出来举例：红色框框部分和紫色下划线部分内容-根据宽度的变化，进而实现下划线动态从左往右展示出来对应代码：.lianJie { position: relative;}.lianJie:before { content: ''; position: absolute; left: 0; bottom: -0.1rem; width: 0; border-bottom: (2rem / @fontSize) solid #