在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。 自然，后端就做了一项非常“漂亮”的交互体验数据——分页 这不分页还好，一分页对超过10条数据之后的本来也不多，就20条，偏偏还得做个分页器。（假设为10条） 此时，如果能够像购物商城那样拖拽到底部自动加载新数据就好了。 于是《在element-ui的select下拉框加上滚动加载》诞生了。 这里通过自定义封装vue指令进行封装。（什么是指令：官方指令叫v-on,v-model） 以下以element-ui中的sel

不使用tabs标签页时，点击导航菜单，router-view映射相应的组件即可显示页面。但我们想在点击导航栏时在tabs中映射相应的组件，这就需要使用tabs组件 在slider.vue中点击路由后，把当前选择的路由@select使用bus传出去 <el-menu class=sidebar-el-menu :default-active=onRoutes :collapse=collapse background-color=#eeefef text-color=#666 active-text-color=#20a0ff unique-opened router

之前遇到过这个需求，所以就把自己的成果和大家分享下成果^ ^ 我是利用了element-ui里面的tooltip组件进行一个二次封装，大家可以直接粘贴复制查看效果。。。话不多说，直接上代码 {{content||'-'}} export default { name: 'textTooltip', props: { // 显示的文字内容 content: { type: String, default: () => { return '' }

Elem 是运行 X 窗口系统的 Unix 和 Linux 工作站的元素周期表。

产品简介 我的梦想，想做一个很牛逼的产品： 微信小程序《有梦必达》。 有梦必达初衷是一个帮助迷茫的、还没有梦想的、还在寻找梦想的、有梦想却还不知道怎么实现的童鞋更好的寻找或实现梦想的微信小程序。 有梦必达的初始设计功能有：登录、注册、找回密码、梦想列表、梦想详情、推荐课程、收藏、浏览记录、阅读数。 产品不够完善，仍需要完善，不喜勿喷。 开发流程 备注：如果有同学完全按照此博客开发产品，可能会遇到坑，例如版本问题导致一些未知bug或者安装系统限制等等。在我开发过程中就遇到过很多小问题，不过只要坚持解决问题，这些问题都难不倒我。即使一开始遇到未知bug还是有点慌，但是后面通过各种方法寻找答案，解决

效果图如下 代码 <template slot-scope=scop

这个例子还是比较简单的，独立完成后，能大概知道vue是干嘛的，可以写个todoList的小例子。 开始写例子之前，先对环境的部署做点简单的介绍，其实和Vue官方的差不多。 #如若没有安装过vue-cli,先全局安装一下vue-cli $ cnpm i -g vue-cli #到自己喜欢的目录下创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # # #之后会有如下询问 ? Project name (my-project) #回车 ? Project description  #回车，也可以写点项目描述 ? Author #回车，或者输入

最近初学vue，试着做一个小项目熟悉语法与思想，其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程 element-ui引入vue项目的用法参考element官网 首先复制官网的例子，在这基础上再修改成我们想要的样子。 处理中心 <temp

最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。 本次主要写一下前端的实现细节，至于后台以Multipart[ ]数组接收即可，不再赘述，网上一搜大把文章可供参考。 本次使用elementui的上传图片控件的照片墙类型，其使用示例可具体查看官方文档 Elementui 多图上传控件 需要注意的是，官方文档中的示例采用自动上传的方式，大多数情况我们是需要点击上传按钮或和表单一起提交才开始上传的（即手动上传），此时官方的示例就不满足我们的需求了。怎么办？当然是自己动手丰衣足食啦！！！ 进入正题实现后以及上传保存成功后的效果如图 实现代码 这里有几个属性需要注意一下（敲黑