随笔分类 -  vue

摘要:1 //Tree.vue 2 3 4 5 6 7 {{ model.menuName }} 8 9 10 11 12 13 14 37 52 53 //views/tree/index.vue 54 55 56... 阅读全文
posted @ 2018-08-07 17:03 前端极客 阅读(567) 评论(0) 推荐(0) 编辑
摘要:1.TagsView.vue 2.ScrollPane.vue:是当tagView内容超出一行时候的滚动(将鼠标悬浮在那一行上,不出现滚动条,该行就可以滚动) 3.Store/tagsView.js 4.将tagsView.js引入到store/index.js中 总体功能分析: 1.选择左侧菜单的 阅读全文
posted @ 2018-08-02 12:19 前端极客 阅读(8003) 评论(0) 推荐(0) 编辑
摘要:用来将其放到navbar中; Breadcrumb/index.vue 阅读全文
posted @ 2018-08-02 11:15 前端极客 阅读(15525) 评论(3) 推荐(1) 编辑
摘要:方式一: 1.安装clipboard:npm install clipboard 2.src/utils/clipboard.js 3.vue代码 方式二:src/directive/clipboard/clipboard.js src/directive/clipboard/index.js np 阅读全文
posted @ 2018-08-02 10:20 前端极客 阅读(22403) 评论(1) 推荐(0) 编辑
摘要:1. npm install jszip /npm install script-loader / npm install file-saver 2.功能代码 3.调用代码: 阅读全文
posted @ 2018-08-02 09:23 前端极客 阅读(2035) 评论(0) 推荐(1) 编辑
摘要:1.在src目录下创建一个文件(vendor)进入Blob.js和Export2Excel.js 2.npm install -S file-saver 用来生成文件的web应用程序 3.npm install -S xlsx 电子表格格式的解析器 4.npm install -D script-l 阅读全文
posted @ 2018-08-01 15:32 前端极客 阅读(13570) 评论(1) 推荐(0) 编辑
摘要:模仿微博的自动化测试代码: 模仿微博的vue 代码: 阅读全文
posted @ 2018-07-31 11:15 前端极客 阅读(12064) 评论(2) 推荐(0) 编辑
摘要:添加分页组件 在 src/components 下新建 Pagination.vue 文件,复制贴入以下代码: src/components/Pagination.vue 注册分页组件 打开 src/components/index.js 文件,复制以下代码进行替换(注释部分是涉及的修改): src 阅读全文
posted @ 2018-07-17 16:02 前端极客 阅读(680) 评论(0) 推荐(0) 编辑
摘要:评论框:src/views/articles/Content.vue 未登录时,我们显示一个被禁用的评论框: HTML 格式的评论被保存在 commentHtml,我们使用 v-html 指令实时输出它: 2、在 created 钩子后面添加 mounted 钩子,我们在这里创建一个 SimpleM 阅读全文
posted @ 2018-07-17 10:38 前端极客 阅读(3614) 评论(1) 推荐(0) 编辑
摘要:1). 新建弹窗组件 在 src/components 下新建 Modal.vue 文件,复制贴入以下代码: src/components/Modal.vue .self 是一个 事件修饰符,常用的事件修饰符有: .self:当 event.target 是当前元素自身时触发处理函数; .stop: 阅读全文
posted @ 2018-07-17 08:51 前端极客 阅读(475) 评论(0) 推荐(0) 编辑
摘要:添加点赞事件 打开 src/store/actions.js 文件,在代码的最后面,导出点赞事件 like: src/store/actions.js 点赞事件的最后面使用 return 返回了 likeUsers,我们稍后将从分发事件的回调函数里获取该值。 在页面上点赞 1、打开 src/view 阅读全文
posted @ 2018-07-16 18:23 前端极客 阅读(2370) 评论(0) 推荐(3) 编辑
摘要:1). 新建专栏首页 在 src/views/articles 下新建 Column.vue 文件,复制贴入以下代码: src/views/articles/Column.vue 现在的页面只有一个侧栏(下一步添加路由后可查看),我们稍后会使用 <router-view/> 渲染『文章列表』和『文章 阅读全文
posted @ 2018-07-16 17:19 前端极客 阅读(340) 评论(0) 推荐(0) 编辑
摘要:1). 安装 SimpleMDE 2). 使用 SimpleMDE 1、打开 src/views/articles/Create.vue 文件,修改模板中的 <textarea> : src/views/articles/Create.vue 2、复制以下代码替换原 <script>: src/vi 阅读全文
posted @ 2018-07-16 14:00 前端极客 阅读(1235) 评论(0) 推荐(0) 编辑
摘要:1). 新建修改密码页 在 src/views/users 下新建 Password.vue 文件,复制贴入以下代码: src/views/users/Password.vue 2). 添加修改密码路由 打开 src/router/routes.js 文件,添加修改密码路由 EditPassword 阅读全文
posted @ 2018-07-16 13:41 前端极客 阅读(4489) 评论(0) 推荐(0) 编辑
摘要:跳转到首页 阅读全文
posted @ 2018-07-16 13:01 前端极客 阅读(270) 评论(0) 推荐(0) 编辑
摘要:1). 新建消息组件 在 src/components 下新建 Message.vue 文件,复制贴入以下代码: src/components/Message.vue 父子组件之间的数据传递: props 是用来传递数据的,我们需要在子组件用 props 选项声明它预期的数据,上面的代码中我们声明了 阅读全文
posted @ 2018-07-14 14:55 前端极客 阅读(978) 评论(0) 推荐(0) 编辑
摘要:1). 生成验证码 在 src 新建 utils 文件夹,然后新建 createCaptcha.js 文件,复制贴入以下代码: src/utils/createCaptcha.js 2). 使用验证码 1、打开 src/views/auth/Register.vue 文件,复制以下代码替换原 <sc 阅读全文
posted @ 2018-07-14 13:17 前端极客 阅读(536) 评论(0) 推荐(0) 编辑
摘要:1). 导出验证指令对象 在 src/directives 下新建 validator.js 文件,复制贴入以下代码: src/directives/validator.js 2). 注册全局验证指令 在 src/directives 下新建 index.js 文件,复制贴入以下代码: src/di 阅读全文
posted @ 2018-07-14 12:49 前端极客 阅读(1118) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示