- 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/13293106.html 文章目录 1、权限管理模块的设计2、用户管理界面功能 在前面随笔介绍了ABP+Vue前后端的整合处理,包括介绍了ABP的后端设计,以及前端对ABP接口API的ES6的封装,通过JS的继承类处理,极大减少了... 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/13293106.html 文章目录 1、权限管理模块的设计2、用户管理界面功能 在前面随笔介绍了ABP+Vue前后端的整合处理,包括介绍了ABP的后端设计,以及前端对ABP接口API的ES6的封装,通过JS的继承类处理,极大减少了...
- 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/13305509.html 文章目录 1、 权限功能点管理2、VUE+Element 前端权限控制 在一个业务管理系统中,如果我们需要实现权限控制功能,我们需要定义好对应的权限功能点,然后在界面中对界面元素的功能点进行绑定,这样就可... 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/13305509.html 文章目录 1、 权限功能点管理2、VUE+Element 前端权限控制 在一个业务管理系统中,如果我们需要实现权限控制功能,我们需要定义好对应的权限功能点,然后在界面中对界面元素的功能点进行绑定,这样就可...
- 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/14035302.html 在很多列表展示数据的场合中,大多数都会需要一个排序的处理,以方便快速查找排序所需的数据,本篇随笔介绍如何结合ABP后端和Vue+Element前端结合的分页排序处理过程 1、Vue+Element前端的排序代码 我们首... 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/14035302.html 在很多列表展示数据的场合中,大多数都会需要一个排序的处理,以方便快速查找排序所需的数据,本篇随笔介绍如何结合ABP后端和Vue+Element前端结合的分页排序处理过程 1、Vue+Element前端的排序代码 我们首...
- 目录 简介安装独立版本使用 CDN 方法NPM 方法前提安装稳定版命令行工具 (CLI) 简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 安装 独立版本 ... 目录 简介安装独立版本使用 CDN 方法NPM 方法前提安装稳定版命令行工具 (CLI) 简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 安装 独立版本 ...
- 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/14035302.html 部署Vue+Element的前端应用,建议使用Nginx服务,这个对于Vue里面的URL代理转向设置比较方便些。 Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器。 首先到nginx服务网... 转载 原文作者:伍华聪 原文地址:https://www.cnblogs.com/wuhuacong/p/14035302.html 部署Vue+Element的前端应用,建议使用Nginx服务,这个对于Vue里面的URL代理转向设置比较方便些。 Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器。 首先到nginx服务网...
- 前言 在项目开发过程中遇到这样一个问题,新建表单时用element的select多选以后,在编辑的时候打开表单发现其他组件数据能正常显示,多选却无法正常回显。 表单代码如需: <el-select v-model="textForm.receDeptIds" multiple filterable allow-create default-first-option... 前言 在项目开发过程中遇到这样一个问题,新建表单时用element的select多选以后,在编辑的时候打开表单发现其他组件数据能正常显示,多选却无法正常回显。 表单代码如需: <el-select v-model="textForm.receDeptIds" multiple filterable allow-create default-first-option...
- 前言 在Vue项目开发过程中,以父子组件的形式进行页面调用,在测试过程中发现IE9下,子组件中定义初始化数据dataA=0,执行异步逻辑A,在异步请求方法前,输出dataA结果为0,请求结束后时,后台返回值将dataA赋值为1,输出dataA结果为1。再次触发子组件同样事件,但后台请求结果不满足赋值条件,对dataA不做赋值操作,发现在异步请求方法前后,输出dataA... 前言 在Vue项目开发过程中,以父子组件的形式进行页面调用,在测试过程中发现IE9下,子组件中定义初始化数据dataA=0,执行异步逻辑A,在异步请求方法前,输出dataA结果为0,请求结束后时,后台返回值将dataA赋值为1,输出dataA结果为1。再次触发子组件同样事件,但后台请求结果不满足赋值条件,对dataA不做赋值操作,发现在异步请求方法前后,输出dataA...
- 前言 Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件。梳理出如下请求方法: 父组件访问子组件:$children 或者 $refs子组件访问父组件:$parent子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root 父组件访问子组件 使用 $children 在父组件中使用 thi... 前言 Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件。梳理出如下请求方法: 父组件访问子组件:$children 或者 $refs子组件访问父组件:$parent子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root 父组件访问子组件 使用 $children 在父组件中使用 thi...
- vue实现分类查询 效果一 效果二 效果一的实现 这里使用了element ui 页面代码 <el-button style="float: right;margin-right: 20px;" :type="showType[0]" @click="changeShow(0)" round>类型0</el-button> <el-b... vue实现分类查询 效果一 效果二 效果一的实现 这里使用了element ui 页面代码 <el-button style="float: right;margin-right: 20px;" :type="showType[0]" @click="changeShow(0)" round>类型0</el-button> <el-b...
- vue全家桶: vue(整体架构) + vuex(状态管理) + vue-router(路由) + vue_resource || axios(ajax请求) + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库) vue全家桶: vue(整体架构) + vuex(状态管理) + vue-router(路由) + vue_resource || axios(ajax请求) + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库)
- 目录 区别 使用场景 总结 区别 1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-i... 目录 区别 使用场景 总结 区别 1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-i...
- 提前安装好node, 参考我上一篇文章--------> 不同node.js版本 1.从git上把代码拷贝下来。 git clone +项目地址。 2.cmd模式下安装npm。 npm install 3.启动服务,npm run serve 。这里需要注意的是serve千万不要打成server啦,不然容易报错,这里还有两个小技... 提前安装好node, 参考我上一篇文章--------> 不同node.js版本 1.从git上把代码拷贝下来。 git clone +项目地址。 2.cmd模式下安装npm。 npm install 3.启动服务,npm run serve 。这里需要注意的是serve千万不要打成server啦,不然容易报错,这里还有两个小技...
- 官方文档:http://vuejs.org/v2/guide/syntax.html 中文文档: https://cn.vuejs.org/v2/guide/syntax.html Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。 Vue 的核... 官方文档:http://vuejs.org/v2/guide/syntax.html 中文文档: https://cn.vuejs.org/v2/guide/syntax.html Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。 Vue 的核...
- Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5... Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5...
- 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然... 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然...
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程:工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合,展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎,仓颉语言为载体,带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中
热门标签