Vue + ElementUI的电商管理系统实例05 修改用户
摘要:1、展示修改用户的对话框 给修改按钮添加点击事件: 添加修改对话框代码: 此时,点击修改按钮已经可以弹出对话框了。 2、显示对应的用户信息 通过作用域插槽获取row信息 新建editForm: 也可以通过ID查询对应的用户信息: 3、渲染修改用户信息的表单 用户名为禁止修改状态 修改用户信息表单的验
阅读全文
posted @
2019-12-31 11:28
JoeYoung
阅读(1349)
推荐(0) 编辑
Vue + ElementUI的电商管理系统实例04 添加用户
摘要:1、Dialog 对话框组件 把Dialog添加导入到element.js中 visible:是否显示Dialog,支持 .sync 修饰符 默认falsebefore-close:关闭前的回调,会暂停 Dialog 的关闭 function(done),done 用于关闭 Dialog 添加代码:
阅读全文
posted @
2019-12-30 17:18
JoeYoung
阅读(1785)
推荐(0) 编辑
Vue + ElementUI的电商管理系统实例03 用户列表
摘要:1、通过路由展示用户列表页 新建user文件夹,里面新建Users.vue文件: 修改路由文件,添加Users路由: 这时点击左侧菜单的用户列表,就可以看到跳转到了用户列表页: 2、小bug:刷新后左侧菜单的高亮没有了 Menu Attribute里有个default-active属性: 表示当前激
阅读全文
posted @
2019-12-20 17:12
JoeYoung
阅读(3101)
推荐(1) 编辑
Vue + ElementUI的电商管理系统实例02 主页
摘要:1、打开Element网站,找到主页需要的布局格式 修改Home.vue: 效果图如下: 2、美化Header区域布局样式 3、左侧导航菜单 菜单分为二级,并且可以折叠 找到Element里的导航菜单代码: 然后在element.js里添加: 简单修改导航菜单代码: 4、通过axios拦截器添加to
阅读全文
posted @
2019-12-19 16:41
JoeYoung
阅读(4080)
推荐(0) 编辑
Vue 项目中的ESlint语法报错问题
摘要:在项目中的""和;经常会报错,真的很纠结,今天看到一个解决方法,可以不用卸载删除 在项目根目录中,新建一个.prettierrc文件,来移除分号,和替换为单引号。 这样就可以了,格式化也不会变为""了。 也可以禁用语法规则,修改.eslintrc.js文件:把报错的项禁用
阅读全文
posted @
2019-12-17 17:06
JoeYoung
阅读(1084)
推荐(0) 编辑
Vue + ElementUI的电商管理系统实例01 登录表单
摘要:效果图: 1、首先来根据Element网站实现布局: 2、加入表单验证规则 loginForm:是数据绑定对象,loginFormRef:是引用名称,loginFormRules:是验证规则,label-width:是表单域标签的宽度 loginForm:是数据绑定对象,loginFormRef:是
阅读全文
posted @
2019-12-17 16:55
JoeYoung
阅读(4090)
推荐(0) 编辑
码云 托管本地项目
摘要:一、注册码云,并生成SSH公钥 首先要注册一个码云账号:https://gitee.com 然后点击个人-设置,进入设置页面 在安全设置里点击SSH公钥。 然后打开一个命令行窗口,输入: 按照提示完成三次回车,即可生成 ssh key。 然后通过查看 ~/.ssh/id_rsa.pub 文件内容,获
阅读全文
posted @
2019-12-16 16:19
JoeYoung
阅读(521)
推荐(0) 编辑
VueX 基本使用(vue状态管理)及简单小实例
摘要:1、安装vuex依赖包 npm install vuex --save 2、导入vuex包 import Vuex from 'vuex' Vue.use(Vuex) 3、创建 store 对象 export default new Vuex.Store({ // state 中存放的就是全局共享的
阅读全文
posted @
2019-12-12 15:34
JoeYoung
阅读(1500)
推荐(0) 编辑
Vue简单基础 + 实例 及 组件通信
摘要:vue的双向绑定原理:Object.defineProperty() vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把一个普通
阅读全文
posted @
2019-12-11 17:51
JoeYoung
阅读(832)
推荐(0) 编辑
基于vue-cli、elementUI的Vue简单入门例子
摘要:vue-cli、elementUI的安装教程请看: https://www.cnblogs.com/joe235/p/12013818.html 把HelloWorld.vue文件修改为: 在运行就可以看效果了。 接下来在components文件夹内新建一个NewContact.vue 文件,添加如
阅读全文
posted @
2019-12-10 10:41
JoeYoung
阅读(2372)
推荐(0) 编辑
vue-cli3.0和element-ui及axios的安装使用
摘要:一、利用vue-cli3快速搭建vue项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/c
阅读全文
posted @
2019-12-10 08:29
JoeYoung
阅读(6868)
推荐(1) 编辑
Flutter中的日期插件date_format 中文 国际化 及flutter_cupertino_date_picker
摘要:今天我们来聊聊Flutter中的日期和日期选择器。 Flutter中的日期和时间戳 展示一个时间,会有多种形式,比如1970-01-01、1970/01/01、1970年01月01日,等等,那么我们如何把同一个时间根据需要转换成不同的格式呢?接下来我就为大家介绍一个Flutter中的第三方库。 Fl
阅读全文
posted @
2019-12-04 08:21
JoeYoung
阅读(6310)
推荐(0) 编辑
Flutter状态管理之provide和provider的使用区别
摘要:说道状态管理不得不说谷歌的亲自开发的两款状态管理Widget:第一个是provide,第二个是provider。 这两个的区别就是一个出来的早,现在好像没整么更新了。第二个是2019才出来的目前的版本是provider: ^3.2.0。上一个停留在了provide: ^1.0.2,基本上GG了。但是
阅读全文
posted @
2019-12-02 17:19
JoeYoung
阅读(2017)
推荐(0) 编辑
Flutter Bloc状态管理 简单上手
摘要:我们都知道,Flutter中Widget的状态控制了UI的更新,比如最常见的StatefulWidget,通过调用setState({})方法来刷新控件。那么其他类型的控件,比如StatelessWidget就不能更新状态来吗?答案当然是肯定可以的。前文已经介绍过几种状态管理 Stream Stre
阅读全文
posted @
2019-12-02 14:47
JoeYoung
阅读(4848)
推荐(0) 编辑