Vue常用的三种传值方式有: 父传子 子传父 非父子传值 父传子 子传父 非父子传值 引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息 1. 父组件向子组件进行传值 父组件: 子组件: 2. 子组件向 ...
分类:
其他好文 时间:
2019-02-14 23:42:54
阅读次数:
180
一、环境: vue2.0、django 1.10.x、iview 二、django后台处理 1、将django的setting的MIDDLEWARE中加入django.middleware.csrf.CsrfViewMiddleware,一般新建的django项目中会自带的。 2、在templete ...
分类:
其他好文 时间:
2019-02-11 19:48:49
阅读次数:
538
前言 有好几天没更新文章了。这段实际忙着做了一个vue的项目,从 19 天前开始,到今天刚好 20 天,独立完成。 做vue项目做这个项目一方面能为工作做一些准备,一方面也精进一下技术。 技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + element ...
分类:
其他好文 时间:
2019-02-11 10:51:09
阅读次数:
259
在vue2.0里页面参数是 this.$route.query或者 this.$route.params 接收router-link传的参数。 在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转,所以有个方法就是在script标签里面写this.$router. ...
分类:
其他好文 时间:
2019-02-07 20:42:06
阅读次数:
272
Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值 在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?如果是电商网站系统的开发,还会涉 ...
分类:
Web程序 时间:
2019-02-02 23:19:43
阅读次数:
246
vue+Element-ui实现分页效果 当从后台请求到大量数据的时候,并要在页面展示出来,请求的数据可能上百条数据或者更多的时候,并不想在一个页面展示,这就需要使用分页功能来去完成了。 1.这次使用的是vue2.0+element-ui实现一个分页功能,element-ui中给我提供了一个Pagi ...
分类:
其他好文 时间:
2019-01-31 17:06:05
阅读次数:
218
因业务需求,要在 vue2.0 的项目里使用富文本编辑器,经过调研多个编辑器,CKEditor5 支持 vue,遂采用。因 CKEditor5 文档比较少,此处记录下引用和一些基本用法。 CKEditor5官网 https://ckeditor.com/docs/ckeditor5/latest/b ...
分类:
Web程序 时间:
2019-01-29 12:01:52
阅读次数:
1730
1、学习准备: ①:双向数据绑定可以简单理解为:后端定义的数据改变,前端页面展示的时候会自动改变,数据通过前端页面修改的时候,后端定义的数据内容也会随之改变。 ②:指令中只有v-model可以实现双向数据绑定。 ③:v-model只能应用在表单元素中,如:input(radio、text、addre ...
分类:
其他好文 时间:
2019-01-27 16:35:23
阅读次数:
203
1.问题描述:在vue2.0+ 中做一个公用的评论组件,:key使用的时创建评论的时间,当加载更多的时候,会报错: 2. 出问题的代码部分: 3. 分析问题: 由于多人可以同时发表评论,如果是时间完全相同就会出现这样的警告!!! 不同的v-for循环使用了相同的key值造成了这个警告,为了避免由于相 ...
分类:
其他好文 时间:
2019-01-26 22:41:06
阅读次数:
489
1、render方法的实质就是生成template模板(在#app的作用域里) 2、render是vue2.x新增的一个函数, 这个函数的形参是h 3、vue调用render方法时, 会传入一个createElement函数作为参数(也就是h的实参是createElement函数) 4、create ...
分类:
移动开发 时间:
2019-01-25 20:05:29
阅读次数:
467