- 博客(23)
- 收藏
- 关注
RSS订阅原创 VUE项目打包自动更新版本号
执行npm run build后自动更新version和lastBuildTime。改一下packjson里面，build定义的内容。
2023-03-15 14:28:15
1181
原创 responseType: “blob“的请求，获取返回的json格式的报错信息
responseType blob 获取返回的json数据。正常情况下是返回文件流，无法直接获取json格式的数据。需要用FileReader转一下。
2022-11-15 16:23:14
679
原创 按需引入element-ui组件的.babelrc / babel.config.js修改
按需引入element-ui组件的.babelrc / babel.config.js文件修改 babel/preset-env 和 es2015报错提示.libraryName is not a valid Plugin property
2022-10-14 11:42:01
719
原创 vue中route属性的query和params传参
query的使用一、产生跳转的位置 1.按钮跳转，在标签中配置如下<router-link :to="{name:'personDetail',query:{id:123,name:'李磊'}}">查看详情</router-link>2.js部分操作跳转this.$router.push({ name: "personDetail", query: { id: 123,name:'李磊' } });二、在路由规则中配置（导航）{name:'personDetail'
2022-05-27 16:32:30
291
原创 卸载vue4，安装指定版本vue
想要把vue环境从vue2升级成vue3 但是没有指定版本结果安装成4了首先卸载vue2查看了是全局安装的vue，所以用命令行工具执行npm uninstall @vue/cli -g然后执行，直接默认安装最新版本cnpm install -g @vue/clivue -V查看版本发现安装的是vue4用原先的uninstall无法卸载，需要指定版本号才可以卸载npm uninstall @vue/cli 4.5.13 -g然后再安装指定版本vue3这个可以cnpm install
2021-09-18 10:30:43
836
原创 iframe跨域（同父域）页面传递数据，通过设置domain
首先父页面和iframe页面要在同一个父域下，可以通过设置cookie的domain属性，让页面可以通过cookie传递数据。domain的含义是域，子域可以访问本级域名及父级域名的下的cookie如父页面域名为（域名1）a.b.e.f.com.cniframe页面域名为（域名2）c.d.e.f.com.cn则父页面可以设置cookie域名为：a.b.e.f.com.cnb.e.f.com.cne.f.com.cnf.com.cniframe页面可以获取到的以下域名的cookiec.d.
2021-03-04 17:20:21
1817
1
原创 vue-cli3设置静态文件以及在代码中引用
存放静态文件vue-cli3可以把静态文件直接放在public文件夹下在代码中引用1.vue.config.js中配置 publicPath例如：publicPath: “/management”module.exports = { publicPath: "/management", outputDir: process.env.outputDir, assetsDir: "assets" }2. 图片或文件引用在vue文件中设置data() { retur
2020-10-16 10:51:23
1012
原创 关于ajax的一些坑
汇总-更新heanders没有获取到请求头的值Content-Typeapplication/jsonheanders没有获取到请求头的值使用nginx转发请求，但是丢失请求头的值$.ajax({ url: TEMP_API, type: 'POST', async: false, headers: { "Authorization": "Basic " + tempStr }, data: {}, success：function(){}, error:function(){
2020-07-07 10:35:53
145
转载 ES6中import * as xxx from 'xxx'的作用
import * as xxx from ‘xxx’ 会将 “xxx” 中所有 export 导出的内容组合成一个对象返回(或import * as obj from ‘xx’ 这种写法是把所有的输出包裹到obj对象里);eg：xxx里中：export function test(){return '返回是test 内容';}export function login(){re...
2020-04-08 14:12:36
1347
原创 css控制超出显示省略号
max-width:100px; text-overflow: ellipsis; white-space: nowrap;
2020-03-27 22:45:21
84
原创 vue router页面跳转、传参
跳转：<router-link class="buttom_cell btn_r_2" to="Oration">祭文</router-link>传参:this.$router.push({ path:'/xxx' query:{ id:id } })接收参数:this.$rout...
2020-03-25 13:39:15
117
原创 swiper在vue中绑定click事件
直接在slide上绑定@click是无法触发的官方api提供on.click方法realIndexswiperOption:{ slidesPerView: 5, freeMode : true, freeModeMomentum : false, spaceBetween: 10, on: { ...
2020-03-24 16:59:48
5971
1
原创 textarea[class='content']::-webkit-input-placeholder，css不生效原因
一定要分开写，用逗号分隔会失效textarea[class='content']::-webkit-input-placeholder { color: #E1E1E1;}textarea[class='content']:-moz-placeholder { color: #E1E1E1;}textarea[class='content']::-moz-placeh...
2020-03-23 16:03:22
905
原创 scrollTop失效的原因
scrollTop失效的原因当一个元素的display属性为’none’时，对该元素设置scrollTop属性是无效的
2020-03-23 11:14:32
1042
原创 vue-cli引入本地图片
不能直接写在标签里面错误示范：<img src="@/assets/image/worship/musiclogo.png">需要先通过require引入,然后再调用<img :src="worshipPerson.picture">data(){ somedata:{}, musicLogo:require('@/assets/image/worship...
2020-03-20 17:34:37
1160
原创 vue-swiper踩坑笔记
1.安装npm i vue-awesome-swiper --save(npm i swiper 我都安装了)2.挂载全局挂载，在main.js引入import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper);import 'swiper/dist/css/swiper.css'就是这里出了问...
2020-03-20 13:56:37
524
原创 ios系统弹层上的touchmove会导致body的滚动
vue下使用@click.stop无效解决方法：设置 html 样式为overflow: hidden;height: 100%;position: fixed; 可阻止穿透行为、ios的弹性滚动——————————————————————查到另一个方法是用@touchmove.prevent，这个没有试过...
2020-03-15 00:07:26
566
原创 input到的图片转为base64格式
var file = this.files[0];//this是监听的file input//var file = e.target.files.item(0);//Vue这么获取if (window.FileReader) { var reader = new FileReader(); reader.readAsDataURL(file); //监听文...
2020-03-07 21:44:51
553
原创 Vue 组件之间传参/调用
父子组件之间不能直接传参或者调用方法父 => 子，传值（props）使用v-bind传值给子组件，子组件使用props来接收在方法中应当可以直接用this.yingfu，但是我没成功父：子：子 => 父，传值（emit）在子组件方法里使用emit）在子组件方法里使用emit）在子组件方法里使用emit来触发父组件的口令绑定的方法注意html不区分大小写，按理说子组件...
2020-03-07 12:34:01
111
原创 webpack安装与基础使用
(cnpm为淘宝镜像，也可以直接用npm)1.cmd打开需要打包代码所在的文件夹，如workCode2.cnpm install -g webpack@3.6.0（4.0版本坑很多，建议使用3.6.0）3.安装好后初始化，cnpm init（为了生成package.json）4.对项目目录进行安装，cnpm install --save-dev webpack5.webpack -v,验...
2020-03-07 12:28:33
144
转载 vue 利用原生input上传图片并预览并删除
<template> <div class="com-upload-img"> <div class="img_group"> <div v-if="allowAddImg" class="img_box"> <input type="file" accept="image/*" multiple...
2020-03-07 12:27:10
468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人