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