跨域常见解决方案jsonp (项目基本不用)原理：动态生成script标签，通过src属性加载缺点：不支持POST请求，支持get请求应用场景：有些第三方数据接口可能会使用jsonp解决跨域问题，工作中不怎么用。中间服务器代理A前端部署地址：127.0.0.1：8000B中间服务器：127.0.0.1：8000C目标服务器地址：127.0.0.1：8888因为浏览器的同源策略，A 和 c 存在跨域

动态渲染本地图片<div class="wrap_left" v-for="item of array" :key="item.id"><img :src="item.img ? require(`../assets/image/${item.img}`) : ''" alt="image" /></div>array: [{id: 0,name: '小明',j

vue项目中CSS样式初始化页面样式注意：element-UI中提供的组件，组件名称就是类名.el-header{}页面单独的样式，从外部引入css<style scoped>@import '../assets/css/member.css';</style>初始化默认标签样式在public文件夹下面：新建public/css/reset.css然后在index.html

点击和滑动页面实现tab切换components / tabItem下面有 swiper.vue nav.vue one.vue two.vue …router.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'Vue.use(VueRouter)const ro

基于vue实现可拖动弹框el-dialog弹框拖拽在 utils 中新建 directives.js 文件import Vue from 'vue'// 自定义元素实现弹框拖拽[重点]Vue.directive('draw', {inserted: function (el, binding, vNode) {el.setAttribute('style', 'position: fixed; z

<template><div class="report"><ul class="years"><li class="years_item" v-for="(item, index) in menuList" :key="item.name"><div class="title" @click="showToggle(item, index)"

场景1：在vue项目中使用mock.js步骤1.搭建测试项目步骤1.1 创建项目命令：vue create mock-demo然后选择：test(router,babel)步骤1.2 安装依赖# 使用axios发送ajaxnpm install axios --save# 使用mock.js产生随机数据npm install mockjs --save-dev# 使用j...

vue刻度尺组件刻度尺：参考文档：https://python.ctolib.com/328921371-ruler.htmlnpm install cs-ruler// 在 main.js 中引入import CsRuler from 'cs-ruler'Vue.use(CsRuler)// 在.vue文件中使用<cs-ruler @post-NumValue="rulerNum" :No

vant日期选择组件vant组件库全局安装vant组件库，npm i vant -S。然后在main.js中：import Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);使用用法<template><div class="home"><van-button type="primary" @clic

ts踩坑记录