![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
ws346348183
这个作者很懒,什么都没留下…
展开
-
vue使用vue-router以及vue-resource查询天气以及历史上的今天
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-11 15:20:28 · 485 阅读 · 0 评论 -
vue+element-ui构建动态菜单
1.构建菜单数据结构 config.jslet config =[ { "createUserId":0, "parentMenuId":0, "icon":"el-icon-message", "name":"系统管理", "alias":"系统管理", "id":1, ...原创 2019-05-10 16:04:15 · 3281 阅读 · 1 评论 -
vue 修改数据刷新页面
vue 项目中,如果更新一条数据,需要页面刷新下,如果用 this.$router.go(0),页面会短暂空白,体验十分不好。此时运用provide/inject 来局部刷新页面。1.父组件中,定义reload 方法,其中有一个 isRouterAlive变量,定义在data中。2.定义 provide,代码如下export default { provide(){ ...原创 2019-05-24 14:18:42 · 7357 阅读 · 0 评论 -
vue+ elementUI 自封装分页插件
elementUI提供了一套很好的分页解决方案,但是项目中很多地方使用,每次要写重复代码,不够解耦合,于是考虑把分页单独提出来作为一个公共模块,使用时直接调用,代码更简洁好看一.封装Pagination:新建一个Pagination.vue页面,代码如下<template> <el-pagination @size-change="handleSizeC...原创 2019-05-25 14:38:04 · 1159 阅读 · 0 评论 -
vue + element-ui dialog 弹出框使用
构建页面时,需要按钮弹出一个新的页面进行编辑,此时需要用到dialog弹出框,考虑复用,把弹出框单独提出来使用。1.父组件页面一个按钮,dialogTableVisible默认false,隐藏。addUser触发, <el-button type="primary" icon="el-icon-plus" size="small" @click="addUser()" :di...原创 2019-05-24 10:55:13 · 28790 阅读 · 4 评论