那些年遇见的坑
Ajaxguan
很菜的一名程序员。
展开
-
Module ‘“vue“‘ has no exported member ‘ref‘
最近在尝试使用vue3+Ts遇见的问题,引用vue 模块时老是弹出这个提示在网上查询很多相关资料说时 Typescript版本和vue3兼容的问题尝试了 根据别人提供的版本 把 typescript升级到 4.3.5npm i typescript@4.3.5发现问题依然存在,但是可以正常使用,就是一直有个提示看着难受咨询身边的大神 给出的解决方法:vscode 禁用Vetur插件, 安装使用 voal 插件分析原因vetur 报的错,大概是vue3+ts检原创 2022-01-05 15:00:31 · 9814 阅读 · 1 评论 -
vue打包后样式 -webkit-box-orient: vertical 属性丢失
网上找了很多方法有些有效有些无效下面这个亲测有效在package.json文件中进行如下修改:"browserslist": [ "> 1%", "last 2 versions", "not ie <= 8", "iOS >= 6", "Android > 4.1", "Firefox > 20" ]这样postcss在处理的时候就会自动加上兼容对应浏览器版本的一些属性。...原创 2020-07-18 16:18:47 · 241 阅读 · 0 评论 -
input文件上传,重复上传同一文件失效
前言:使用input标签file文件上传图片时,第一种上传成功后,选择第二张时上传没有反映。原因:原创 2020-04-08 14:30:28 · 1323 阅读 · 0 评论 -
小程序 vant UI 里的 Uploader 文件上传组件 bind:after-read无效问题
前言:在开发的时候采用的wepy +vant-weapp开发的问题:遇见 Uploader 文件上传组件 bind:after-read方法无效问题原因:wepy、mpvue框架 采用驼峰式写法 不支持 "-"写法解决:修改源码 打开uploader中的index.js查找 "after-read" ,修改为 "afterread"...原创 2020-03-31 17:35:03 · 7566 阅读 · 3 评论 -
小程序 卡着 info build app start... 不动了
问题记录:问题: 小程序 卡着 info build app start... 不动了,也不报错解决: 样式引用路径有问题原创 2020-03-13 11:27:20 · 309 阅读 · 0 评论 -
使用vue-scroller 上拉无效(上拉后立马回滚到原来位置)
在使用vue-scroller组件,想要实现上下拉刷新,但是上提的时候列表后(手一松开立马回弹)解决:<scrollerstyle="height:78%;top:3rem;background:#44B549;":on-infinite="infinite"ref="my_scroller"> <divv-for="(item,inde...原创 2019-11-27 11:30:20 · 833 阅读 · 0 评论 -
FormData表单图片压缩、上传
// 图片上传// 使用方法 mounted () { uploadFile.upload(id (input的id), (item) => {})} methods: { document.getElementById(id) }const uploadFile = { upload: function (id, callback) { let file = null ...原创 2018-11-14 11:37:09 · 2067 阅读 · 0 评论 -
vue进入页面自动获取input框焦点
template里面<input v-focus type="text"> 全局注册 我放在utils.js里面import Vue from 'vue'// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { ...原创 2018-11-20 10:37:53 · 6378 阅读 · 0 评论 -
JS数字去重,合并某一项值
方法let arr = [{name: 'AA', num: 2}, {name: 'bb', num: 1}, {name: 'cc', num: 2}, {name: 'AA', num: 55}, {name: 'bb', num: 2}, {name: 'AA', num: 1}]let obj = {}let data = []let data2 = []arr.map((...原创 2018-12-14 14:19:30 · 442 阅读 · 0 评论 -
前端跨域的简单的解决方法
我们本地开发的在ajax请求的时候,经常遇到上面的提示, 表示 这个请求需要跨域才可以。网上一搜 跨域解决方法 五花八门,各种杂七杂八的配置.....有没有简单的方法? 答案:有。第一步: 下载浏览器插件插件名称:Allow-Control-Allow-Origin: *在线安装 使用谷歌浏览器直接打开插件地址https://chrome.google.com/we...原创 2019-03-02 14:13:00 · 381 阅读 · 0 评论 -
Vue刷新、跳转页面的数据保存方法: sessionStorage + Object.assign()
直接上代码跳页面时,保存当前Data的数据 methods: {// 一、 // 跳转页面 Goxxx () { // 保存当前页面上data数据 sessionStorage.setItem('data', JSON.stringify(this.$data)) this.$router.push('/XXX') } ...原创 2019-03-18 16:48:29 · 3957 阅读 · 0 评论 -
react项目刷新页面变404解决方法
把import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'改成import { HashRouter as Router, Switch, Route } from 'react-router-dom'把Browser改成使用hash原创 2019-07-24 17:49:43 · 3911 阅读 · 0 评论 -
H5 在安卓下input下面按钮被顶上来解决方法
data () { return { clientHeight: document.documentElement.clientHeight }}mounted () { var n = navigator.userAgent if (n.indexOf('iPhone') <= -1) { window.onresize = ...原创 2018-10-19 16:14:25 · 1167 阅读 · 0 评论 -
Vue的formData图片上传
import Vue from 'vue'/** * 图片上传 * 已注入所有Vue实例, * template模板里调用 $uploadFile(id) * 组件方法里调用 this.$uploadFile(id) */const uploadFile = (id) => { let promise = new Promise((resolve, reject) =&...原创 2018-09-30 11:39:18 · 4152 阅读 · 0 评论 -
vue使用js-xlsx插件导出Excel表格
import Vue from 'vue'import XLSX from 'xlsx'/** * 导出数据报表xlsx文件 * 已注入所有Vue实例, * template模板里调用 $$outputXlsxFile * 组件方法里调用 this.$outputXlsxFile * 例:this.$outputXlsxFile([['字段1', '字段2'], [1, 2]], [{wch: 1...原创 2018-04-09 10:46:28 · 11647 阅读 · 1 评论 -
vue优化打包速度与大小
转载 2018-05-10 17:46:42 · 2340 阅读 · 0 评论 -
vue生成二维码
下载二维码生成插件npm install --save qrcode2<template> <header class="header"> <button @click="qrcodesc()">二维码生成</button> <div id="qrcode">二维码位置</原创 2018-05-11 11:48:27 · 3421 阅读 · 1 评论 -
记录关于图片点击多张上传的问题
/** * description: 腾讯云上传文件 */import { app } from '@/config/env'import Vue from 'vue'import { Message, Loading } from 'element-ui'/* eslint-disable *//** * imageView2/w/300/q/60 */const region = 'gz';c...原创 2018-07-10 16:42:42 · 339 阅读 · 0 评论 -
低版本浏览器请求数据没有变化?八成是缓存问题
有些请求在低版本浏览器 请求时 会有缓存 造成 请求的数据一直没有变化解决:增加一个时间戳变量, 使每次传的变量都不一样var time = new Date()原创 2018-07-12 11:45:04 · 393 阅读 · 0 评论 -
vue子传父 接收value与index
子组件 addNum () { this.$emit('TotalNum', 'addNum') }<commodity-list :datainfo="item" @TotalNum="TotalNum($event, index)"></commodity-list>methods: { TotalNum (val, ind...原创 2018-08-22 14:24:17 · 713 阅读 · 0 评论 -
vue绑定值与字符串拼接两种写法
<cell :title="`当前门店:${item.Storename}`" link="/component/radio" :inline-desc="'门店地址:' + item.Storeaddess"></cell>第一种:title="`字符串${xx}`"第二种:title="'字符串' + xx" ...原创 2018-08-22 17:58:56 · 50720 阅读 · 0 评论 -
vue在data引入本地图片的两种方法
第一种<template> <img :src="imgsrc"></template><script>export default { data () { return { imgsrc: require('../../images/ICON-electronicbilling.png') } }...原创 2018-08-22 18:13:31 · 17588 阅读 · 1 评论 -
vue使用js-xlsx插件导入Excel表格数据
import Vue from 'vue'import XLSX from 'xlsx'/** * 导入ex表格 得到json数据 * 已注入所有Vue实例, * template模板里调用 $importf * 组件方法里调用 this.$importf * 例:<input type="file" id="file22" @change="importf('file22...原创 2018-09-18 11:15:06 · 7454 阅读 · 0 评论 -
关于git克隆地址失效
git clone http://xxx:xxx@192.168.x.xx:xxxx/root/xxxx.gitgit clone https:// 用户名:密码@项目地址(项目地址的https://之后的部分)/原创 2018-10-12 10:43:17 · 850 阅读 · 0 评论 -
Vue 父组件获取数据数据,子组件第一次props获取不到
原因:data数据初始化为空,由于ajax是异步的,加载子组件时,请求数据还没赋值,就会把data里面空的数据给传过去方法一方法二推荐使用方法二...原创 2018-10-13 14:47:47 · 13101 阅读 · 7 评论 -
记录一个遇到的坑 请求数据时遇见 provisional headers are shown!
一次请求时候报错 无论如何也找不到错误,后台接口和前端请求都是正确的。后来发现是 自己浏览器上装了广告拦截的插件 把我这个请求给拦截 果断卸载插件立马就好了。原创 2017-11-13 14:55:27 · 15451 阅读 · 0 评论