
vue
IT码农-爱吃辣条
这个作者很懒,什么都没留下…
展开
-
前端vue axios根据服务端返回的文件名和文件流生成文件下载
前端vue axios获取服务端返回的文件名并根据文件流生成文件下载const fileExport = (data) => { // 创建当前时间字符串,生成文件名称时使用 // const time = +new Date() let dis = response.headers['content-disposition'] let fileName = fileName = decodeURIComponent(dis.split('attachment;filename=')原创 2022-05-24 13:35:15 · 1168 阅读 · 0 评论 -
img标签动态加载图片失败加兜底图
<div class="img_box operateImg"> <img :src="item.operateImg" :onerror="defaultImg" class="banner-img"></div>export default { name: 'Home', components: {}, data() { return { defaultImg: `this.remove()` } }}.im原创 2021-11-24 17:24:05 · 1066 阅读 · 0 评论 -
vue3+vue cli的使用
创建项目npm install -g @vue/cli 或 yarn global add @vue/clivue create shop-mall-h5选择配置,看个人项目需求注意,空格键是选中与取消,A键是全选,上下键移动TypeScript 支持使用 TypeScript 书写源码Progressive Web App (PWA) Support PWA 支持。Router 支持 vue-router 。Vuex 支持 vuex 。CSS Pre-processors 支持 C原创 2021-11-19 12:46:31 · 966 阅读 · 0 评论 -
vue3+swiper4.5.1
安装npm i swiper@4 -S引入css文件import 'swiper/dist/css/swiper.css'引入swiper文件文档 https://www.swiper.com.cn/usage/index.htmlimport Swiper from 'swiper'使用swiper文档 https://www.swiper.com.cn/usage/index.html<div class="swiper-container swiper-container原创 2021-11-19 12:43:08 · 1034 阅读 · 0 评论 -
基于photoswipe实现的vue图片预览组件vue-image-swipe
安装npm install vue-image-swipe -S在main.js中引用import Vue from 'vue'import VueImageSwipe from 'vue-image-swipe'import 'vue-image-swipe/dist/vue-image-swipe.css'Vue.use(VueImageSwipe)使用<template> <div> <ul> <li .原创 2021-04-28 16:25:08 · 1529 阅读 · 0 评论 -
用vite来搭建vue3项目
vite1.x 项目初始化npm init vite-app my-vue3cd my-vue3npm installnpm run devvite2.x 项目初始化npm init @vitejs/app支持的模板预设包括:vanillavuevue-tsreactreact-tspreactpreact-tslit-elementlit-element-tscd vite-projectnpm installnpm run dev...原创 2021-02-20 14:27:22 · 1264 阅读 · 0 评论 -
vue 渲染完成事件
vue里面本身带有两个回调函数:一个是Vue.nextTick(callback),当数据发生变化,更新后执行回调。另一个是Vue.$nextTick(callback),当dom发生变化,更新后执行的回调。栗子:...原创 2018-10-16 13:52:29 · 15782 阅读 · 0 评论