vue
迷茫的码奴
这个作者很懒,什么都没留下…
展开
-
uniapp中uni.navigateBack();传参
// B页面 let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; //上一个页面 this.lablelist.forEach(el => { if (el.seclect) { object.push(el) } }) prevPage.$vm.getParams(object); //重点$vm uni.navigateBack();/原创 2022-12-07 13:52:31 · 553 阅读 · 0 评论 -
vue实现无限下级修改名称(递归)
// 部门 getDepartmentTreeList() { this.$api.getDepartme原创 2022-10-31 16:06:18 · 350 阅读 · 0 评论 -
vue 点击按钮新增div,for循环中取值赋值
<div> <ul class="list" style="list-style: none;"> <li v-for="(item, index) in arrs"> <div style="margin-bottom: 20px;">收据:{{index+1}}</div> <el-form-item label="收.原创 2022-04-29 13:16:58 · 1532 阅读 · 0 评论 -
vue百度地图手动定位位置
html<el-button type="primary" style="margin-left: 10px;" @click="latitude()">获取经纬度</el-button><el-dialog width="50%" :before-close="cancel" :closable="false" :mask-closable="false" :visible="visible"原创 2022-03-24 08:52:49 · 1094 阅读 · 0 评论 -
vue根据输入位置获取经纬度
latitude() { this.visible = true, this.showMapComponent = true jsonp(`https://apis.map.qq.com/ws/geocoder/v1/`, {//官方接口 output: 'jsonp', key: 'YTLBZ-MJ732-7FFUY-CKH44-XRQH2-LYFTs',//腾讯地图获取的key address: this.address//获取输入的位置.原创 2022-03-18 11:12:21 · 2151 阅读 · 0 评论 -
移动端window.open在苹果手机失效
var u = navigator.userAgent;var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isAndroid) { //android终端 let url = res.dat.原创 2022-03-12 11:28:21 · 3956 阅读 · 0 评论 -
vue路由传递对象
传参var row = {id:2,name:1}this.$router.push({path: '/index', query: {row: encodeURIComponent(JSON.stringify(row))}});接收参数console.log(JSON.parse(decodeURIComponent(this.$route.query.row)))原创 2022-03-10 09:55:29 · 5074 阅读 · 0 评论 -
vue +h5 调用支付宝支付
let htmls = res.Msg//后台返回的from表单 const div = document.createElement('div'); div.innerHTML = htmls; document.body.appendChild(div); document.forms[0].acceptCharset = 'utf-8'; document.forms[0].submit()原创 2022-02-24 14:09:27 · 1129 阅读 · 0 评论 -
vue前端实现左侧栏权限
router/index.vueimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'/* Router Modules */// import componentsRouter from './modules/components'// import chartsRouter from './modules/charts原创 2021-12-01 13:23:45 · 945 阅读 · 0 评论 -
微信公众号跳转小程序
<view class="point"> <view class="point-item" v-for="(item,index) of pointList" :key="index"> <wx-open-launch-weapp username="gh_xxxxxx">//username对用的是小程序原始id,(进入一个小程序,点击右上角那三个点点的图标,就出现图下图的弹窗,点击弹窗顶部标题,点击标题之后会进入类似下图的页面,点击更多资料可以查..原创 2021-07-05 10:13:16 · 220 阅读 · 0 评论 -
vue下拉选择
<template> <div class="about"> <!-- 列表 --> <div class="center"> <!-- <p> --> <div> <div class="por"> <div class="selectBox" style="width: 100%;position: relative;"&.原创 2021-06-09 16:41:15 · 331 阅读 · 0 评论 -
vue移动端(element为例)上传多张图片
<template> <div class="about"> <!-- 列表 --> <div class="center"> <p> <input v-model="name" placeholder="请输入标题" /> </p> <!-- 详细信息 --> <div class="mark"> .原创 2021-06-09 16:35:57 · 531 阅读 · 0 评论 -
vue本地存储
localStorage.setItem('token', res.Msg.token);localStorage.getItem('token');原创 2021-06-07 16:44:40 · 236 阅读 · 0 评论 -
微信公众号授权前端(uniapp为例)
const base_url = 'http://baidu.com'// 前端域名 const wx_url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri='+base_url+'&response_type=code&scope=snsapi_base&state=123#wechat_redirect' export def...原创 2021-06-07 16:16:55 · 575 阅读 · 0 评论 -
vue头部左右滑动导航
<template> <div class="about"> <div class="idd"> <ul> <li :class="{'active':indexTap == index}" v-for="(item,index) in lists" :key="index" @click="indexTap = index"> {{item}} <.原创 2021-05-31 11:09:57 · 234 阅读 · 0 评论 -
vue文件预览word等
第一种:<a :href ="'http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc='+scope.row.FileUrl+''" target="_blank" rel="nofollow">第二种: //文件预览点击的时候传url(文件路径) wordDetail(url) { // 微软提供的...原创 2021-05-11 10:44:50 · 2347 阅读 · 0 评论 -
vue下载图片,word,pdf,自定义下载名称
downloadFiles(url, name) {//url是路径,name是要更改的下载名称 let link = document.createElement('a') let url = url // 这里是将url转成blob地址, fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址 link.href = URL...原创 2021-05-19 13:50:37 · 364 阅读 · 0 评论