Ajaxguan-CSDN博客

最近在尝试使用vue3+Ts遇见的问题，引用vue 模块时老是弹出这个提示在网上查询很多相关资料说时 Typescript版本和vue3兼容的问题尝试了根据别人提供的版本把 typescript升级到 4.3.5npm i [email protected]发现问题依然存在，但是可以正常使用，就是一直有个提示看着难受咨询身边的大神给出的解决方法：vscode 禁用Vetur插件，安装使用 voal 插件分析原因vetur 报的错，大概是vue3+ts检

2022-01-05 15:00:31 8982 1

原创笔记-浏览器输入url到看到页面过程

1.DNS解析（网址=>IP地址）：查询浏览器DNS缓存；根据域名服务器查询2.TCP连接（三次握手）：第一次握手：客户端 -> 服务端：请求建立连接（发送信息的能力）第二次握手：服务端 -> 客户端：同意建立连接（确认收到信息）第三次握手：客户端 -> 服务端：确认接收到服务器端信息3.发送HTTP请求服务器进行HTTP请求协议以及请求头进行解析，后台拿到请求数据进行处理。扩展：负载均衡，大型网址会由多个服务器然后通过反向代理进行请求，用户端的请求

2021-04-27 15:33:55 110

原创 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 215

原创 vue 实现简单的瀑布流

效果图：代码：<template> <div class="km-ProductList">  <div class="commodity_list"> <div v-if="likeDatas.length > 0" class="km_dom_box">  <div style="float...

2020-06-19 10:15:50 755

原创 web页面高德地图通过ip定位获取当前城市

html 引入高德地图<scripttype="text/javascript"src="https://webapi.amap.com/maps?v=1.4.10&key=xxxxxxxxx"></script>getCity.js 文件// 定位城市var position = new Promise(function (resolve, reject) { // 加载地图，调用浏览器定位服务 /* eslint-disable */...

2020-05-15 10:00:31 1666

原创 input文件上传，重复上传同一文件失效

前言：使用input标签file文件上传图片时，第一种上传成功后，选择第二张时上传没有反映。原因：

2020-04-08 14:30:28 1214

原创小程序 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 7321 3

原创小程序卡着 info build app start... 不动了

问题记录：问题：小程序卡着 info build app start... 不动了，也不报错解决：样式引用路径有问题

2020-03-13 11:27:20 292

原创使用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 797

原创 Vue自定义行数文字向上滚动轮播效果

效果图列表无限向上轮播<template><div class="marquee"> <div class="marquee_box" ref="marquee_box"> <ul class="marquee_list" :class="{marquee_top:animate}"> <li v...

2019-11-06 15:21:30 3647 4

原创 vue接入环信客服

index.html 添加<body> <script src='//kefu.easemob.com/webim/easemob.js'></script></body>方法： methods: { // 联系客服 contactKY () { window.easemobim = windo...

2019-08-23 18:44:28 1294

原创 vue微信静默登录，获取opendID

在src/config里创建 wx-getOpendId.jsimport Vue from 'vue'// 获取getOpendIDconst wxGet = () => { Vue.axiosGet(Vue.api.weixinPublicLoginPlugin, {code: WXcode}).then(res => { if (res.code ...

2019-07-26 17:11:31 3344 3

原创 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 3863

原创 Vue倒计时组件 “时分秒”

<template> <div class="countDownBox"> <div><span class="timeSpan">{{h}}</span>:<span class="timeSpan">{{m}}</span>:<span class="timeSpan">{{s}}&l...

2019-05-15 10:56:08 1967

原创 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 3887

原创前端跨域的简单的解决方法

我们本地开发的在ajax请求的时候，经常遇到上面的提示，表示这个请求需要跨域才可以。网上一搜跨域解决方法五花八门，各种杂七杂八的配置.....有没有简单的方法？答案：有。第一步: 下载浏览器插件插件名称：Allow-Control-Allow-Origin: *在线安装使用谷歌浏览器直接打开插件地址https://chrome.google.com/we...

2019-03-02 14:13:00 340

原创 vue移动端调试工具——vconsole

vue移动端调试工具——vconsole1.下载 vconsolenpm install vconsole 2.在 main.js文件中引入// main.jsimport Vconsole from 'vconsole'const vConsole = new Vconsole()Vue.use(vConsole)3.使用效果出现 vConsole按钮...

2019-02-22 17:52:32 1292

原创 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 410

原创 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 6346

原创 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 2009

原创 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 1140

原创 Vue 父组件获取数据数据，子组件第一次props获取不到

原因：data数据初始化为空，由于ajax是异步的，加载子组件时，请求数据还没赋值，就会把data里面空的数据给传过去方法一方法二推荐使用方法二...

2018-10-13 14:47:47 12944 7

原创 vue本地保存历史搜索记录功能

SearchVal (val) { val = val.trim() // 清除空格 if (this.HistoryList.length > 0) { // 有数据的话判断 if (this.HistoryList.indexOf(val) !== -1) { // 有相同的，先删除再添加 this.Histor...

2018-10-13 11:11:23 7545 2

原创关于git克隆地址失效

git clone http://xxx:[email protected]:xxxx/root/xxxx.gitgit clone https：// 用户名：密码@项目地址（项目地址的https://之后的部分）/

2018-10-12 10:43:17 811

原创 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 4124

原创 vue移动端城市三级联动组件

先看效果图以下组件代码<template> <div class="address"> <div class="addressboxbg" @click="cancel"></div> <div class="addressbox"> &amp

2018-09-30 10:52:47 6408 13

原创 vue使用js-xlsx插件导出，生成合并单元格数组

/** * 生成合并单元格数组 * 例 let arr = [ ['日期', '用户ID', '搜索页', '首页', '个人房源', '', '品牌公寓', '', '', '整租', '', '合租', '', '我要出租', '地图找房', '公租房', '', '人才房', '', '公共服务', '我的', '', '', '', '', '', '', '', '', ...

2018-09-18 11:17:50 5871

原创 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 7391

原创 vue在data引入本地图片的两种方法

第一种<template> <img :src="imgsrc"></template><script>export default { data () { return { imgsrc: require('../../images/ICON-electronicbilling.png') } }...

2018-08-22 18:13:31 17070 1

原创 vue绑定值与字符串拼接两种写法

<cell :title="`当前门店:${item.Storename}`" link="/component/radio" :inline-desc="'门店地址:' + item.Storeaddess"></cell>第一种:title="`字符串${xx}`"第二种:title="'字符串' + xx" ...

2018-08-22 17:58:56 50574

原创 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 686

原创 vue 非父子传值

挂载方法 **main.js**let bus = new Vue()Vue.prototype.bus = bus 组件传送**header组件**<template> <header @click="changeTitle">{{title}}</header></template><script>...

2018-07-31 11:50:55 221

空空如也

空空如也