谷子的博客

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。上面的是官方的说法，有兴趣的可以详细了解下：Vuex状态管理与使用场景我们知道Vue中的父子组件或者说跨级和兄弟组件在通信的时候，可以使用bus（中央事件总线）的方法，用来触发和接收事件，进一步起到通信的作用。Vuex解决的问题和 bus类似，它作为Vue的一个组件使用，可以更好的管理和维护整个项目的组件状态。常规例子一

这篇文章写得是实现HTML页面生成图片（附带二维码）并保存，之前做过这个需求，不过当时不太会使用VUE，采用的方法是后端来生成，前端也是使用了html2canvas辅助生成，比较麻烦，并且有延迟效果，刚好看到这篇文章，转载一番，做个记录。背景随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人...

在之前的一篇文章中，对S-Table组件的的数据加载和数据渲染，以及分页参数的使用进行了描述：https://blog.youkuaiyun.com/gu_wen_jie/article/details/90702427这一篇中，我想展示的是关于如何使用slot插槽来进行一些数据的过滤展示，或者说成过滤不是太准确，但是用到的确实就是过滤器，filters,具体的场景就是：比如后端给你返回的一个字段：...

Table 表格是我们平时在中后台系统中用到最多的组件之一了。在Ant Design Vue中，官方提供了一个Table 表格组件。我们先来介绍一下这个组件Table 表格组件https://vue.ant.design/components/table-cn基础用法分页组件，部分字段高亮特殊显示等等。详细使用请查阅文档。筛选排序当然也可以在列表上方做常规搜索，会在后面的S-Tab...

项目实际开发中，很多地方经常需要一些局部刷新功能。如：创建后返回列表，修改后返回列表，局部操作刷新…如何简洁有效的实现局部刷新呢，在Ant Design Pro of Vue中，我们可以通过router-view组件来定义一个属性来实现局部刷新。并且在入口文件配置后，可以在项目任何地方使用，非常方便。Ant Design Pro of Vue-入口App.vue下载好Ant Design P...

Ant Design Pro of Vue本来呢是想写一些关于Ant Design Vue的文章，不过恰好用到了一个开源的基于Ant Design Vue 开发的Ant Design Pro of Vue的中后台框架，就在此基础上写一些关于Ant Design Pro of Vue的文章。在此之前，先介绍一下Ant Design Pro of Vue。准备本地环境首先需要安装 nod...

下拉菜单是我们在项目中经常用到的一个组件，在这里提供一个VUE桌面组件库ElementElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库基础单选<template> <el-select v-model="value" placeho

这段时间在使用Ant Design Vue进行项目的前端部分开发，进行一个记录，分享…Ant Design VueAnt Design Vue是 Ant Design 3.X 的 Vue 实现，开发和服务于企业级后台产品。在GitHub上可以找到几个Ant Design的Vue组件。不过相比较而言，Ant Design Vue更胜一筹。Ant Design Vue共享Ant Design of...

之前几篇文章介绍了Ant Design Vue的部分组件使用，如，过滤，table等等。当然在中后台项目中，table是必不可少的，随之配套的就是搜索功能。应该说所有的中后台项目中搜索功能都是非常重要的一块。该篇就介绍一下，如何在Ant Design Vue中实现搜索。下面的案例所使用到的UI和中后台设计，前面也介绍过。是基于 Ant Design 体系精心设计的：Ant Design Pro ...