yueye_wu的博客

vue封装一个步骤条组件

富文本组件上传图片及回显图片

import axios from 'axios' import router from '../router/index' import { Loading, Message } from 'element-ui' import QS from 'qs' import store from '../store/store.js' import basic from '@/data/basic' import urlConst from './urlConst' axios.defaults.wi.

option = { tooltip: {}, xAxis: { type: "category", data: this.echartsData.groupX, }, yAxis: { minInterval: 1, type: "value", }, series: [ { Width.

// 请求拦截 axios.interceptors.request.use((config) => { // console.log(config); // 将token设置到请求头中 config.headers.后台规定的用来提供token令牌的字段(一般api文档中会声明)=token config.headers.Authorization = sessionStorage.getItem("token"); }) ...

路由懒加载及路由守卫

代码如下，使用时复制就完事了 ## 下拉加载 created(){ // 页面创建后先请求一次数据 this.getDataList(); }, mounted(){ // 监听页面滚动 window.onscroll=this.pageScroll; }, methods:{ //请求数据方法 getDataList(){ axios.get(`请求路径`).then((res)=>{ // console.lo

父组件给子组件传值： 1.在父组件中给子组件绑定一个自定义属性 2.在子组件中使用props来接收自定义属性props可以为对象也可以为数组。使用props来接收自定义属性后属性会自动添加至组件实例中可以直接使用 3.当props为对象时表示需要对接受的自定义属性进行验证数据类型 <div id="app"> <child :gf='girlFriend' :age='age'></child> </div> ...

Element Ui table组件单元格中渲染图片

Vue中上传图片的两种方式

##axios axios是一个轻量级的http请求库本质上是原生xhr的封装，使用的promise封装符合最新的ES规范 特点： 1.从浏览器中创建xmlhttprequest 2.支持promiseapi 3.提供了一些并发请求的接口，方便操作 4.从nodejs中创建http请求 5.可以拦截请求和响应 6.转换请求和响应数据 7.自动转化为json文件 使用方法： 1.执行npmiaxios 2.在哪儿使用就在那儿引入使用。importaxio...

我们在开发移动端项目时经常会遇到屏幕适配问题，一般有两种适配方式： 方式1：vw vh适配 100vw为100%屏宽，100vh为100%高 一般这种方式会有些弊端，所以不太推荐 方式2：rem适配 这种方法可以很好的根据屏宽自动适配， 1rem为屏宽/10 （如750px的设计稿中， 1rem=75px） 在vue项目中使用rem手淘适配步骤： 1.下载lib-flexible模块儿 npminstalllib-flexible--save-dev 然后 在main.js中引入...

Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。

## 版本 vue脚手架的版本是 4.x ## vuejs的版本是 2.x ## vue 脚手架项目搭建 1. 检查一下你的电脑是是否有node环境 2. npm install -g @vue/cli 全局安装vue4.x脚手架 3. vue -V 检查vue脚手架是否安装成功 4. vue create dome(项目名称) 创建vue脚手架项目 5. npm run serve 运行vue项目 ## 在脚手架中使用 vue-router 1. npm install vue-router ...