VUE
VUE
1234Wu
日常写bug
展开
-
eChart- liquidfill(水位图)
eChart- liquidfill(水位图)原创 2023-01-15 23:55:15 · 2711 阅读 · 1 评论 -
前端处理二进制文件流,预览图片、PDF
原生js实现预览图片、PDF服务返回二进制流,用axios处理,指定blob类型,然后再转换成URL( 处理后会变成blob://... 这种格式);图片的话,作为src地址可以直接实现;预览PDF需要服务端的响应头Content-Type 为PDF类型application/pdf,不指定这种类型会直接下载,不能预览;实例:axios指定responseType为blob类型接收响应:axios.get('url',{ params:{ key:this.key },原创 2022-04-13 23:38:48 · 22285 阅读 · 2 评论 -
web页面--前端明水印
采用canvas绘制图片,observe监听页面元素改变重新添加。<template> <div id="water_mater" ref="Watermakr"></div></template><script>export default { data() { return {} }, methods: { createWaterMark() { const { loginIp = '',原创 2022-04-07 00:41:11 · 529 阅读 · 0 评论 -
vue&vant移动端h5底部留白问题
不知道是,vue的原因还是vant的原因,html底部多了一截。每个页面背景不一样也不能给统一的background,给内容div负margin都盖不住这个html的空白。最后试了很多方法,曲线救国,在html最后加了个div就挡住空白了。虽然解决了,我也没搞清楚是什么原因,很奇葩。.bottom_bg { height: 3rem; width: 100%; backgrou...原创 2020-02-14 16:32:30 · 5142 阅读 · 1 评论 -
vue中的slot(插槽)
https://www.cnblogs.com/loveyt/p/9946450.html原创 2020-02-19 13:40:32 · 143 阅读 · 0 评论 -
Vue 性能优化--打包优化
vue 性能优化--打包优化原创 2019-10-22 19:11:20 · 324 阅读 · 0 评论 -
vue-scroll滚动组件
安装方式:可以在npm官网找到;连接npm install vue-scroll --save演示地址:官方演示地址连接:点击这里收获:css计算属性calc();vw,vh: 视图可见宽度和高度;event.currentTarget;项目实践:这里是做个记录,留给我自己看,这个组件怎么用,建议去看上面的演示地址,直接复制很多变量没有,可能会报错。<te...原创 2020-03-12 10:02:54 · 6447 阅读 · 0 评论 -
vue 打包后页面空白问题
1.可能是打包的路径有问题你可以打开打包后的index.html检查一下css,js的路径是否正确;路径不正确,你就需要在vue.config.js中修改这个属性:(vue.config.js不知道怎么配置看这里:vue.config.js配置) publicPath: "./", // 根域上下文目录2.router.js配置的问题Vue-router 中有hash模式和histor...原创 2020-02-19 17:55:27 · 1356 阅读 · 0 评论 -
vue图片不存在时加载默认图片
在文件中的img那里添加:οnerrοr="errorImg01",然后设置errorImg01的路径如果直接写成errorImg01: ('../../assets/images/item_image.png'),会找不到这个图片由于项目启动后, 图片的路径并不是我们写的路径了。所以我们用errorImg01: 'this.src="' + require('../....原创 2019-07-25 16:21:00 · 482 阅读 · 0 评论 -
vue elementui 切换语言
1.安装插件:npm install vue-i18n --save2.src下新建i18n文件夹, i18n文件夹下创建langs文件夹和i18n.js文件 langs文件夹下创建cn.js; en.js; index.js如图:3. i18n.js:import Vue from "vue";import locale from 'element-u...原创 2019-06-26 21:14:00 · 4972 阅读 · 0 评论 -
vue These dependencies were not found: * core-js/modules/es.array.iterator in ./node_modules/@babe
项目打包时出现了这种问题,是一个叫core-js的包出了问题;These dependencies were not found:* core-js/fn/array/flat-map in ./node_modules/@babel/polyfill/lib/noConflict.js* core-js/fn/promise/finally in ./node_modules/@babe...原创 2020-02-19 17:21:08 · 20259 阅读 · 12 评论 -
vue.config.js配置
GitHub上开源的一个项目原创 2019-10-25 11:14:57 · 2727 阅读 · 0 评论 -
vue 封装返回顶部组件
我的环境是vue+vant+ts, 相信大家应该知道怎么改成vue+js的写法先看效果图:HTML:<template> <!-- 返回顶部组件 2020-02-17 Walker --> <div class="backtop"> <div v-if="btnFlag" @click="backTop" class="my_got...原创 2020-02-17 17:14:37 · 974 阅读 · 0 评论 -
谷歌浏览器chrome的vuejs devtools 插件的安装
https://www.cnblogs.com/alice-fee/p/8038367.html原创 2019-06-10 15:00:00 · 88 阅读 · 0 评论 -
Vue+ElementUI: 手把手教你做一个audio组件
https://segmentfault.com/a/1190000012453975另,vue-aplayer:https://blog.csdn.net/weixin_41635393/article/details/84751273简单的vue-audiohttps://github.com/trsoliu/vue-audio原创 2019-06-11 19:06:00 · 516 阅读 · 0 评论 -
vue 环形进度条封装
<template> <div> <svg :viewBox="`0 0 ${2 * radius + srtokeWidth} ${radius + srtokeWidth}`"> <defs> <linearGradient id="linear" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" :stop-color="原创 2020-09-03 17:27:54 · 221 阅读 · 0 评论 -
vue中搜索关键词,使文本标红
UserHead.vue中搜索框:<!-- 搜索 --> <el-col :span="6" :offset="8" class="search"> <el-input placeholder="请输入内容" v-model="inputvalue" class="input-with-select"> ...原创 2019-06-19 21:21:00 · 4392 阅读 · 0 评论 -
解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称...
我是用yarn安装的vue脚手架(yarn global add @vue/cli),yarn提示安装成功后,运行了下vue --version,结果报错。vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1vue --versionCategoryInfo ...原创 2020-02-11 15:05:58 · 19390 阅读 · 0 评论 -
Vue Router的集中统一管理
一般我们在vue中配置路由都是这样的写法,一个一个的引入. 但是我们的项目是一个很多模块的项目,越到最后router.js配置的路由就会越来越多.到最后我们就会变得很难以维护. 接下来我们就介绍一种便于维护,统一管理router的方法.原创 2019-10-22 19:54:05 · 1201 阅读 · 0 评论 -
vue 的传值
https://www.cnblogs.com/lingnweb/p/9969151.html原创 2019-06-19 19:50:00 · 87 阅读 · 0 评论 -
vue "xxx" was assigned to but it has no setter.
官方文档有:我是在用vuex传值的时候出现了这种问题,修改一下就好了: computed: { nickName: { get() { return this.$store.state.isLogin; }, set(val) { this.$store.commit("isLogin"); } ...原创 2019-12-09 20:47:21 · 2015 阅读 · 0 评论