vue
努力,加油,奋斗
码奴生来只知道前进。努力,加油,奋斗
展开
-
连续解构
从数组第一个对象元素中提取某个属性,比如:err 对象中包含一个 errors 数组,errors 数组每一个对象都包含一个 msg 属性err = { errors: [ { msg: 'this is a errors' } ]}快速的提取方法为:const [{ msg }] = err.errors如果不用解构写法为:const msg = err.errors[0].msg...原创 2021-02-23 10:23:08 · 622 阅读 · 1 评论 -
Android 安卓生成自有证书
生成密钥原创 2021-01-18 09:27:14 · 749 阅读 · 0 评论 -
uniapp web-view 引入本地html及paypal境外支付
1.把html文件放在static里 然后用web-view引用不废话,直接上代码<template> <view> <web-view src="../../static/index.html"></web-view> </view></template><script> export default { data() { return {} }, methods: {} }<原创 2020-12-24 10:52:11 · 2438 阅读 · 6 评论 -
在vue项目中使用lottie动画及遇到图片显示不出来问题
首先npm安装vue-lottie:npm install vue-lottie -S在需要使用的组件里引用lottie动画的json文件:import * as animationData from '@/assets/json/loading.json'import Lottie from 'vue-lottie/src/lottie.vue'注册到组件里:data(){ return { defaultOptions:{ animationData:animat原创 2020-11-17 15:56:26 · 4692 阅读 · 4 评论 -
判断手机是否安装app
直接上代码var userAgent = navigator.userAgent ;var url="",downUrl="";if(userAgent.indexOf("Android")>-1){ url='XXXXX';//安卓版App地址,由安卓同事提供 downUrl="XXXXXXXXX"; //安卓版App下载地址,由安卓同事提供}else{ url='XXXXXX://';//IOS版App地址,由IOS同事提供 downUrl="XXXXXXX转载 2020-08-19 10:44:40 · 835 阅读 · 0 评论 -
vue拖拽三种方法
如果想拖拽排序的可以用组件:vuedraggable。以下是不用组件方法。方法1: 没用过,感觉不错,直接上连接https://www.cnblogs.com/carriezhao/p/11457841.html方法2:大概需求1:设置draggable="true"允许其被拖动<li draggable="true" @dragstart="drag($event)">拖拽内容</li><li @drop="drop($event,'item')" @dr原创 2020-08-05 16:50:57 · 15952 阅读 · 0 评论 -
element选择器,省市区三级联动,json格式跟官方不一样解决方法
使用的json格式跟官方不一样,如何解决,网上比较少,说一下我的解决方法官方json格式:我的json格式:效果图:直接正题如何解决:html <el-select @change="ProChanges" v-model="box.SupplierInfo.province" placeholder="请选择省份"原创 2020-05-19 17:49:17 · 805 阅读 · 0 评论 -
封装验证数据
test.js文件:// 遍历json数组export function info(val) { let val2 = val == 123 ? "0" : "1"; return val2;}组件引入:import * as test from "@/common/data/test.js";methods里使用: info() { console.log(test.info("123")); //0 },...原创 2020-05-19 17:09:26 · 126 阅读 · 0 评论 -
$router.resolve新窗口打开
有些时候需要在单击事件或者在函数中实现页面跳转,新窗口打开 let details = this.$router.resolve({ name: "/order/checkOrder", query: params, params: { catId: 1 } }); window.open(details.href, "_blank");在user_details页面中怎么接受通过路径传递过来的userId?let u原创 2020-05-09 09:58:53 · 4039 阅读 · 4 评论 -
nextTick源码浅析
使用 this.$nextTick(() => { this.msg2 = this.$refs.msgDiv.innerHTML })作用Vue.nextTick用于延迟执行一段代码,它接受2个参数(回调函数和执行回调函数),如果没有提供回调函数,那么将返回promise对象。源码/** * Defer a task to execute...原创 2020-04-29 11:10:16 · 190 阅读 · 0 评论 -
程序化的事件侦听器$once,销毁定时器
通过 $on(eventName, eventHandler) 侦听一个事件通过 $once(eventName, eventHandler) 一次性侦听一个事件通过 $off(eventName, eventHandler) 停止侦听一个事件一般我们用不到,但是用定时器进行销毁的时候用:const timer = setInterval(() =>{ ...原创 2020-04-28 11:25:08 · 675 阅读 · 0 评论 -
vue 实现扫描二维码和相册识别二维码
为了实现app扫描二维码,我想了很多办法,最后还是用原生的来挑战自己,下面是链接http://www.html5plus.org/doc/zh_cn/barcode.html原创 2019-08-21 19:45:21 · 19700 阅读 · 2 评论 -
Vue——关于css过渡和动画,v-enter 、v-enter-active
1. 单元素/组件的过渡transitionVue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点2. 过渡的类名在进入/离开的过渡中,会有 6 个 class 切换:v-enter 、v-enter-active、v-enter-to、v-leave、v-...原创 2020-04-20 12:34:07 · 2414 阅读 · 0 评论 -
vue里ref ($refs)用法
1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意:1、ref 需要在dom渲染完成后才会有,在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用,...原创 2019-11-21 14:28:43 · 355 阅读 · 0 评论 -
VUE—axios单独设置form表单提交/application/x-www-form-urlencoded
引入import axios from "axios";请求位置 axios .post( url, { comtents:this.con, relationNum:this.value }, { headers: { "Content-Type": "appli...原创 2019-10-30 11:13:33 · 2666 阅读 · 0 评论 -
vue-路由配置和使用步骤整理
介绍路由:控制组件之间的跳转,不会实现请求、不用页面刷新,直接跳转-切换组件》》》安装本地环境安装路由插件vue-router: cnpm install vue-router --save-dev*没有安装淘宝镜像的可以将 cnpm 替换成 npm想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.html,(打开搜索...原创 2019-07-02 20:10:43 · 4805 阅读 · 2 评论 -
vue-router( route, routes, router区别) + vuex和axios的基本用法
**vue-router:** 路由中有三个基本的概念 route, routes, router。1, route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是另一条路由。2, routes 是一组路由,把上面的每一条路由组合起来,形成一个数组。[{home...原创 2019-07-18 15:04:29 · 2627 阅读 · 0 评论 -
vue new Date() 获取当前时间
日常工作笔记日常工作笔记 在created添加 created: function() { var aData = new Date(); this.value = aData.getFullYear() + "-" + (aData.getMonth() + 1) + "-" + aData.getDate(); console.log(this.val...原创 2019-08-20 11:53:02 · 110696 阅读 · 0 评论 -
上传图片文件 vue-resource发送multipart/form-data数据
参考大神的https://blog.csdn.net/u013810234/article/details/78497860<template> <div class="regis"> <van-nav-bar title="上传图片" left-text="返回" left-arrow @click-left="onClickLeft" />...转载 2019-08-22 12:26:45 · 2215 阅读 · 0 评论 -
前端打包之后跨域,用Nginx代理
一、什么是跨域?首先跨域出于浏览器的同源策略的限制,浏览器本身会限制跨域请求(严格来说,只是限制跨域的读操作)。那什么是跨域呢?在不同的协议、域名、端口中进行请求,就是跨域。二、如何解决跨域?一般多用于本地自测或者前后端开发部署均为分离的情况1、webpack的proxyTable方案在一般项目中都会有webpack对应的开发环境的配置文件:webpack.dev.js,在配置项中加入P...原创 2019-08-27 19:06:19 · 1044 阅读 · 0 评论 -
vue 获取用户的地理位置
目前项目有做到获取用户的地理位置,所以就写一下笔记,大部分参考网上的;1:访问搜狐的API:在index.html里添加<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script><script> console.log(returnCitySN...原创 2019-09-04 10:34:58 · 4397 阅读 · 0 评论 -
vue判断是Android还是ios手机
appSource() { const u = navigator.userAgent, app = navigator.appVersion; const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g const isiOS = !!u.match(/\(i[^;]+;( U;)...原创 2019-09-21 14:22:42 · 3409 阅读 · 0 评论 -
vue 回车触发聚焦 @keyup.enter.native
vue登录界面输入用户名回车自动聚焦密码框1.回车触发事件keyupClick: @keyup.enter.native="keyupClick";密码框里放: ref="mima" <van-field v-model="username" clearable type="tel" label="用户名" right-icon="questi...原创 2019-09-21 16:20:27 · 57662 阅读 · 6 评论 -
Vue markdown编辑器
我使用的是mavonEditor插件,下面是步骤:1.Install mavon-editor (安装)$ npm install mavon-editor --save2.在main.js引入import mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'Vue.use(mavonEdito...原创 2019-09-27 14:09:35 · 1069 阅读 · 1 评论 -
vue 监控数组内数据变化
在vue 的页面中,data 是渲染表格的一个数据,如何去监听或者用watch去侦查data发生了变化?如果只是监听数组列表项的增减,直接对数组进行监听就好了watch:{ data (newVal,oldVal) { }}如果是要对数组列表项的内容是否发生改变做监听,需要加上一个deep:truedata: { handler(newVal, oldVal)...原创 2019-06-21 16:41:17 · 14318 阅读 · 1 评论