vue
hyupeng1006
前端路上一起前进!互相关注、相互学习
展开
-
vue elementui menu导航菜单根据路由变化选中对应项
1、刷新页面,导航菜单选中项恢复成默认设置2、点击页面里的链接跳转到其它页面,但是导航菜单不会自动选中当前项原创 2022-10-17 20:01:45 · 3075 阅读 · 1 评论 -
vue同一页面动态路由切换animate.css动画不重新加载的问题
vue配合animate.css和wow实现的动效原创 2022-10-17 19:22:36 · 639 阅读 · 0 评论 -
VUE实现高德地图轨迹绘制
步骤:安装依赖npm install vue-amap -Smain.js中注册import AMap from 'vue-amap'Vue.use(AMap)AMap.initAMapApiLoader({ key: '你申请的key', plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap..原创 2022-05-16 15:10:00 · 6756 阅读 · 5 评论 -
this.$set的用法解决Vue中数组、对象修改后页面不更新的问题
一、this.$set实现什么功能,为什么要用它?当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$set()这个方法了,简单来说this.$set的功能就是解决这个问题的啦。官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi’).二、怎么用它?举个例子:1.V原创 2022-03-29 16:03:33 · 1104 阅读 · 0 评论 -
谈谈Vue和React的区别
在之前写的localStorage与Vuex的区别这篇文章中讲过关于这个类型的题目,其中分析过描述区别,就是求同存异的过程。那接下来用同样的思路来解这道题目。首先找到 Vue 和 React 的共性,它们被用于解决什么问题, 然后再挖掘各自独特的个性、设计原理以及未来的趋势等。vue和react区别共同点Vue和React存在着很多的共同点: 数据驱动视图 组件化 都使用Virtual DOM 1. 数据驱动视图在jquery时代,我们需要频繁的操...原创 2021-04-07 09:12:33 · 275 阅读 · 0 评论 -
axios登录拦截逻辑
第一步:路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由, 否则就进入登录页面。const routes = [ { path: '/', name: '/', component: Index }, { path: '/repository', name: 'repository',原创 2020-12-06 14:21:35 · 163 阅读 · 0 评论 -
vue-cli脚手架中配置基础文件详解
见此链接:https://segmentfault.com/a/1190000014804826原创 2020-12-06 10:22:39 · 101 阅读 · 0 评论 -
vue 点击弹窗外区域隐藏弹窗
mounted() { this.$nextTick(function() { document.addEventListener("click", e => { this.closeBox(e); }); }); }, // 销毁document的点击事件 beforeDestroy() { document.re...原创 2020-01-16 09:44:15 · 903 阅读 · 0 评论 -
vue添加全局loading
上图不上种,菊花万人捅:loading.js: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 2...转载 2018-09-01 14:35:59 · 14201 阅读 · 6 评论 -
vue 学习之框架或插件组件样式自定义更改
第一种:使用 /deep/推荐的。看下面例子<template> <div class="box-out"> <step v-model="step1" background-color='#fbf9fe'> <step-item title="步骤一" description="step 1"转载 2018-08-24 10:28:38 · 2010 阅读 · 0 评论 -
vue项目使用本机Ip可以替换localhost访问的设置
方法1.将index.js中的host的值改为‘0.0.0.0’方法2.修改package.json中script下dev的值,在后面加入--host 0.0.0.0 也可以解决(直接把localhost换成本机的Ip地址,注意端口号保留)...转载 2018-08-18 16:52:28 · 4558 阅读 · 0 评论 -
vue解决POST跨域请求
原 荐 vue ajax跨域请求 收藏cnchens发表于 6个月前 阅读 851 收藏 43 点赞 0 评论 3 腾讯云 技术升级10大核心产品年终让利>>> 一.设置config/index.js || proxyTable添加proxyTable: { '/api': {转载 2017-12-14 13:44:19 · 16120 阅读 · 0 评论 -
vue 父子组件之间的数据传递
子调父 $emit (把子组件的数据传给父组件)父调子 $refs (把父组件的数据传给子组件)父向子传值 (最终想要的是this.fathermessage)父组件:1.<template>里面<pan-kou fathermessage = ‘向子组件传的值’><pan-kou>2.import panKou from './components/PanK...原创 2017-12-14 13:55:33 · 892 阅读 · 0 评论 -
vue 插入视频
1.坑点:引本地视频,必须把视频放在static文件夹里面2.注意:要先npm i vue-video --save-dev实例:template> div> divclass="container"> my-video:sources="video.sources":options="video.options">原创 2017-12-14 13:58:42 · 10509 阅读 · 5 评论 -
v-if和v-show的使用
切换筛选条件的显示与隐藏使用v-show代替v-if,因为v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件不太可能改变,则使用 v-if 较好。原创 2017-12-14 15:37:05 · 661 阅读 · 0 评论 -
vue 零碎知识点
一、Vue获取url链接的参数this.$route.query.参数名二、Vue标签绑定两个事件中间用;隔开原创 2017-12-14 15:41:50 · 249 阅读 · 0 评论 -
vue循环 数组对象 和 对象
在标签中v-for循环1.循环数组对象列表(一般后台返回的形式)2.循环对象(3个参数【有序】:value,key,index)原创 2017-12-14 15:47:51 · 22913 阅读 · 0 评论 -
vue钩子函数
vue生命周期和钩子函数原创 2018-04-12 14:52:23 · 274 阅读 · 0 评论 -
vue解决跨域问题
vue跨域解决方法vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” 这种跨域错误。要想本地正常的调试,解决的办法有三个:一、后台更改header?12header('Acces...转载 2018-05-16 14:58:03 · 969 阅读 · 1 评论 -
vue的计算属性(computed)、methods、watched三者区别
vue的 计算属性(computed)、methods、watched三者区别标签: computedmethodswatchedvue2017-06-14 11:39 4211人阅读 评论(0)收藏举报分类: Vue(3) 作者同类文章X版权声明:本文为博主原创文章,未经博主允许不得转载。转载 2017-12-11 15:51:27 · 266 阅读 · 0 评论