weixin_55986587-CSDN博客

原创 vue项目页面嵌入代码块vue-prism-editor的实现(可在页面编辑代码，有格式化)

1.安装vue-prism-editornpm install vue-prism-editornpm install prismjs // 样式2.在需要使用vue-prism-editor的组件中引入import { PrismEditor } from "vue-prism-editor";import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere // import highli

2021-11-05 13:51:00 2076

原创 axios请求封装

import axios from 'axios';import get from 'lodash/get';import storage from 'store';// 创建 axios 实例const request = axios.create({ // API 请求的默认前缀 baseURL: process.env.VUE_APP_BASE_URL, timeout: 10000, // 请求超时时间});// 异常拦截处理器const errorHandler = (err

2021-09-18 17:17:49 85

原创封装axios，更换请求头为formData形式，并将传入的json数据对象转化为formData形式

import Qs from 'qs' // axios自带的qs，将JSON数据对象转化为formdata形式import axios from 'axios'async uploadReport(url, data) { const res = await axios({ headers: { // content-type修改为formdata，charset=utf-8防止后台接收出现乱码 'Content-Type': 'application/

2021-09-18 17:14:33 738

原创 vue中 .sync修饰符用法及原理

vue中我们经常会用v-bind(缩写为:)给子组件传入参数。或者我们会给子组件传入一个函数，子组件通过调用传入的函数来改变父组件的状态。例如：//父组件给子组件传入一个函数 <MyFooter :age="age" @setAge="(res)=> age = res"> </MyFooter> //子组件通过调用这个函数来实现修改父组件的状态。 mounted () { console.log(this.$emit('setAge',12345

2021-09-18 17:10:51 82

原创 vue+ts+vue-property-decoration装饰器使用provide和inject，对app页面进行reload()

// APP主页面提供provide<template> <div id="app"> <div class="left-menu-wrap"> <CustomMenu /> </div> <div class="content-wrap">  <router-view v-if="isR

2021-09-18 17:06:59 721

原创 html2canvas保存或者上传图片的base64

async exportPic(name, date, upload?) { this.isDownLoad = true let that = this await setTimeout(() => { // dailyReport是$refs节点（里面放需要生成图片的html） let _canvas = this.dailyReport // let w = parseInt(window.getComputedStyle(_canv

2021-09-18 16:59:37 363

原创 some Tips

1.electron build下载报错，（下载指向的地址需要翻墙导致下载失败报错）可以修改npm中electron下载地址指向npm config set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/2.TS怎么引入package.json，就可以获取其中version（需要先声明类型，否则会报错）// 再shims-vue.d.ts 中声明declare module '*.json' { const value: an

2021-09-15 13:11:16 114

原创 vue+ts+vue-property-decoration中mixin的使用

vue+ts+vue-property-decoration中mixin的使用使用mixin可以将你需要在多个页面复用的操作封装起来，直接引入即可，mixin中的生命周期会比父页面生命周期提前，引入mixin相当于对页面进行拓展，1.新建mixin.ts文件import { Vue, Component } from 'vue-property-decorator'@Componentexport default class Mixin extends Vue { // 在里面进行你要的操作

2021-09-15 12:49:34 428

weixin_55986587的博客