- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue同级（兄弟）组件间数据的传递
同级（兄弟）组件间不能直接传递数据，需要建立一个类似桥梁的载体去实现。 1、定义一个公共文件public.js，创建位置工程src目录下与main.js同级（代码内容是创建一个空的vue实例）： import Vue from 'vue' export default new Vue() 2、创建好以后，同级（兄弟）组件分别引入public.js这个文件： import Public...
2018-12-30 21:27:36
1079
3
原创 Vue：获取当前定位城市名
实现思想：通过定位获取到当前所在城市名； 1、在工程目录index.html中引入： <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> ps：秘钥可以去百度开发者平台申请 2、在build/webpack.base.conf.j...
2018-12-30 01:22:16
14502
10
原创 Vue轮播图 实现根据数据动态添加页码
想要达到的效果: 假设轮播图单个slide（单页）内存在8组渲染数据，当数据存在9组的时候，slide会自动将第9组数据渲染到第二个slide下； 数据存在7“个”时： 数据存在10“个”时： 其中数据为定义的模拟数据，接下来是代码的实现过程： 1、使用swiper插件：vue-awesome-swiper（Github上搜索相对应插件） 2、下载插件到项目内：npm inst...
2018-12-28 22:52:31
1319
原创 Vue动态路由 使用params进行传参。
1、若要传参首先要创建一个小小的项目来渲染，这里就不多言了。 2、在src/components文件夹下定义父组件（首页）Home.vue进行传参: <template> <div> <h1>Hello NyDynamicRouter!</h1> <p v-for="(item,index) in userInfo" :key="...
2018-12-27 23:55:51
9054
原创 Vue（Router） query与params传参/接收参数的区别
关于路由传参的区别： 1：query方式传参和接收参数： 传参: this.$router.push({ path:'/xxx' query:{ id:id } }) 接收参数: this.$route.query.id 需要注意的是：传参是this.$router ,而接收参数是this.$route,...
2018-12-27 23:14:11
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人