![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
一些功能方法
Ajaxguan
很菜的一名程序员。
展开
-
Elment ui 表单上滑 加载更多数据方法
【代码】Elment ui 表单滚动加载数据方法。原创 2024-04-19 09:20:05 · 302 阅读 · 0 评论 -
elementUI el-date-picker 选择时间范围设置
elementUI el-date-picker 时间范围设置需求:选择任意时间后,限制后面可选时间范围原创 2022-09-05 11:38:06 · 641 阅读 · 0 评论 -
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 · 770 阅读 · 0 评论 -
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 · 1691 阅读 · 0 评论 -
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 · 3703 阅读 · 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 · 1328 阅读 · 0 评论 -
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 · 3377 阅读 · 3 评论 -
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 · 2001 阅读 · 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 · 3926 阅读 · 0 评论 -
前端跨域的简单的解决方法
我们本地开发的在ajax请求的时候,经常遇到上面的提示, 表示 这个请求需要跨域才可以。网上一搜 跨域解决方法 五花八门,各种杂七杂八的配置.....有没有简单的方法? 答案:有。第一步: 下载浏览器插件插件名称:Allow-Control-Allow-Origin: *在线安装 使用谷歌浏览器直接打开插件地址https://chrome.google.com/we...原创 2019-03-02 14:13:00 · 362 阅读 · 0 评论 -
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 · 1322 阅读 · 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 · 426 阅读 · 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 · 2037 阅读 · 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 · 1150 阅读 · 0 评论 -
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 · 7575 阅读 · 2 评论