![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
json-yc
程序员 软件工程师
展开
-
子组件的props 只能由父组件 修改 子组件 内部 不能动 props 解决报错思路
vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "XXXX"报错大概意思就是子..原创 2020-08-17 17:42:57 · 292 阅读 · 0 评论 -
高德地图 amap-js 获取定位 import 方式
在网上找了很多 高德 获取 定位的方法 大多是在html 引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> ---------cdn的方式 ,但是现在的项目大都是npm 引包开发 使用cdn 有些不规范,有些 还会报红。 所以 结合以下几个文档,实现 npm import 方式封装函数 避免踩坑...原创 2020-07-18 09:44:41 · 1745 阅读 · 0 评论 -
vue-router 路由守卫 与 vuex
vue是单页面应用 ,各个页面的跳转需要路由支持,当然也可以 v-if/v-show,但是实际开发中不现实为一个项目做鉴权就可以用解决方案去vuex里面读取状态,根据状态 来调用vue-router的路由守卫来实现,鉴权路由跳转官方链接:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB写判断...原创 2020-07-07 17:19:29 · 1337 阅读 · 2 评论 -
vue 动画 过渡效果 「transition」 封装
vue 提倡数据驱动 不宜操作 dom元素要完成显示隐藏的过度动画 可以用 官方的<transition>文章后面再说官方的<transition>组件先来看看我自己想到的 过度动画方案 与 理解动态绑定 class 类名 通过 改变v-if/v-show 的布尔值的时候 动态改变class绑定的类名称例如 (lang="ts")<div > <div :class="aniClass" v-if="show" > ...原创 2020-07-06 14:59:01 · 434 阅读 · 1 评论