vue
安静的对折
这个作者很懒,什么都没留下…
展开
-
vue中如何动态的绑定图片
在项目中遇到需要动态的改变图片路径,图片路径并非是从后台获取过来的数据。因此在data中必须用require加载,否则会当成字符串来处理。原创 2017-04-09 13:28:47 · 11855 阅读 · 1 评论 -
vue嵌套路由(二)
在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?因此我们需要在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。index.html,只有一个路由出口 main.js,路由的重定向,就会在页面一加载的时候,就会将home组件显示出来,因为重定向指向了home组件,redirect的指向与path的必须一致。chi原创 2017-04-17 17:46:50 · 23988 阅读 · 2 评论 -
vue嵌套路由-query传递参数(三)
在嵌套路由中我们经常会遇到父路由向子路由里面传递参数,传递参数有两种方法,通过 query 或者 paramsindex.html main.js 同样通过重定向来显示父路由import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//引入两个组件import home fro原创 2017-04-17 18:50:29 · 65363 阅读 · 1 评论 -
vue嵌套路由-params传递参数(四)
在嵌套路由中,父路由向子路由传值除了query外,还有params,params传值有两种情况,一种是值在url中显示,另外一种是值不显示在url中。1、显示在url中index.html main.js params传值是通过 :[参数值] 如path: "/home/game/:num"import Vue from 'vue'import VueRout原创 2017-04-18 22:07:54 · 118216 阅读 · 10 评论 -
vue组件——slot分发内容
slot元素作为组件模板之中的内容分发插槽。这个元素自身将被替换。有 name特性的 slot 称为具名 slot。 有 slot 特性的内容将分发到名字相匹配的具名 slot。内容分发就是指混合父组件的内容与子组件自己的模板单个slot如果子组件的模板不包含 slot,那么父组件的内容就会被抛弃父组件html中的内容: 王者荣耀原创 2017-04-20 09:17:31 · 10611 阅读 · 0 评论 -
vue简单路由(一)
在项目中,将vue的单页面应用程序改为了多页面应用程序,因此在某些场景下,需要频繁的切换两个页面,因此考虑使用路由,这样会减少服务器请求。使用vue-cli(vue脚手架)快速搭建一个项目的模板(webpack-simple),运行起来后,将原来index.html页面挂载点中的内容删除index.html 默认会被渲染成一个 `` 标签 --> home ga原创 2017-04-17 16:22:05 · 1836 阅读 · 0 评论 -
vue弹窗组件的编写历程
在项目中我们多多少少会遇到弹出提示框或者对话框,对于这一类通用的地方可以将其封装成组件对话框组件例如:在点击操作过后弹出对话框或者提示框,想到的是肯定要传递一个信息到子组件中,告诉子组件显示出来,当然这种对于第一次点击肯定是会生效的,但是当你在不刷新页面的情况进行第二次点击肯定是没有效果了,只能对子组件进行包一层div来进行控制,例如对话框组件:点击取消和确定后原创 2017-08-02 11:53:05 · 2065 阅读 · 0 评论