- 博客(23)
- 收藏
- 关注
原创 VUE项目打包自动更新版本号
执行npm run build后自动更新version和lastBuildTime。改一下packjson里面,build定义的内容。
2023-03-15 14:28:15 1232
原创 responseType: “blob“的请求,获取返回的json格式的报错信息
responseType blob 获取返回的json数据。正常情况下是返回文件流,无法直接获取json格式的数据。需要用FileReader转一下。
2022-11-15 16:23:14 699
原创 按需引入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 755
原创 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 306
原创 卸载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 863
原创 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 1867 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 1030
原创 关于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 152
转载 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 1357
原创 css控制超出显示省略号
max-width:100px; text-overflow: ellipsis; white-space: nowrap;
2020-03-27 22:45:21 92
原创 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 124
原创 swiper在vue中绑定click事件
直接在slide上绑定@click是无法触发的官方api提供on.click方法realIndexswiperOption:{ slidesPerView: 5, freeMode : true, freeModeMomentum : false, spaceBetween: 10, on: { ...
2020-03-24 16:59:48 6105 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 914
原创 scrollTop失效的原因
scrollTop失效的原因当一个元素的display属性为’none’时,对该元素设置scrollTop属性是无效的
2020-03-23 11:14:32 1082
原创 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 1171
原创 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 545
原创 ios系统弹层上的touchmove会导致body的滚动
vue下使用@click.stop无效解决方法:设置 html 样式为overflow: hidden;height: 100%;position: fixed; 可阻止穿透行为、ios的弹性滚动——————————————————————查到另一个方法是用@touchmove.prevent,这个没有试过...
2020-03-15 00:07:26 586
原创 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 564
原创 Vue 组件之间传参/调用
父子组件之间不能直接传参或者调用方法父 => 子,传值(props)使用v-bind传值给子组件,子组件使用props来接收在方法中应当可以直接用this.yingfu,但是我没成功父:子:子 => 父,传值(emit)在子组件方法里使用emit)在子组件方法里使用emit)在子组件方法里使用emit来触发父组件的口令绑定的方法注意html不区分大小写,按理说子组件...
2020-03-07 12:34:01 116
原创 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 159
转载 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 485
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人