随笔分类 - 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...
阅读全文
摘要:1.TagsView.vue 2.ScrollPane.vue:是当tagView内容超出一行时候的滚动(将鼠标悬浮在那一行上,不出现滚动条,该行就可以滚动) 3.Store/tagsView.js 4.将tagsView.js引入到store/index.js中 总体功能分析: 1.选择左侧菜单的
阅读全文
摘要:用来将其放到navbar中; Breadcrumb/index.vue
阅读全文
摘要:方式一: 1.安装clipboard:npm install clipboard 2.src/utils/clipboard.js 3.vue代码 方式二:src/directive/clipboard/clipboard.js src/directive/clipboard/index.js np
阅读全文
摘要:1. npm install jszip /npm install script-loader / npm install file-saver 2.功能代码 3.调用代码:
阅读全文
摘要: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
阅读全文
摘要:模仿微博的自动化测试代码: 模仿微博的vue 代码:
阅读全文
摘要:添加分页组件 在 src/components 下新建 Pagination.vue 文件,复制贴入以下代码: src/components/Pagination.vue 注册分页组件 打开 src/components/index.js 文件,复制以下代码进行替换(注释部分是涉及的修改): src
阅读全文
摘要:评论框:src/views/articles/Content.vue 未登录时,我们显示一个被禁用的评论框: HTML 格式的评论被保存在 commentHtml,我们使用 v-html 指令实时输出它: 2、在 created 钩子后面添加 mounted 钩子,我们在这里创建一个 SimpleM
阅读全文
摘要:1). 新建弹窗组件 在 src/components 下新建 Modal.vue 文件,复制贴入以下代码: src/components/Modal.vue .self 是一个 事件修饰符,常用的事件修饰符有: .self:当 event.target 是当前元素自身时触发处理函数; .stop:
阅读全文
摘要:添加点赞事件 打开 src/store/actions.js 文件,在代码的最后面,导出点赞事件 like: src/store/actions.js 点赞事件的最后面使用 return 返回了 likeUsers,我们稍后将从分发事件的回调函数里获取该值。 在页面上点赞 1、打开 src/view
阅读全文
摘要:1). 新建专栏首页 在 src/views/articles 下新建 Column.vue 文件,复制贴入以下代码: src/views/articles/Column.vue 现在的页面只有一个侧栏(下一步添加路由后可查看),我们稍后会使用 <router-view/> 渲染『文章列表』和『文章
阅读全文
摘要:1). 安装 SimpleMDE 2). 使用 SimpleMDE 1、打开 src/views/articles/Create.vue 文件,修改模板中的 <textarea> : src/views/articles/Create.vue 2、复制以下代码替换原 <script>: src/vi
阅读全文
摘要:1). 新建修改密码页 在 src/views/users 下新建 Password.vue 文件,复制贴入以下代码: src/views/users/Password.vue 2). 添加修改密码路由 打开 src/router/routes.js 文件,添加修改密码路由 EditPassword
阅读全文
摘要:1). 新建消息组件 在 src/components 下新建 Message.vue 文件,复制贴入以下代码: src/components/Message.vue 父子组件之间的数据传递: props 是用来传递数据的,我们需要在子组件用 props 选项声明它预期的数据,上面的代码中我们声明了
阅读全文
摘要:1). 生成验证码 在 src 新建 utils 文件夹,然后新建 createCaptcha.js 文件,复制贴入以下代码: src/utils/createCaptcha.js 2). 使用验证码 1、打开 src/views/auth/Register.vue 文件,复制以下代码替换原 <sc
阅读全文
摘要:1). 导出验证指令对象 在 src/directives 下新建 validator.js 文件,复制贴入以下代码: src/directives/validator.js 2). 注册全局验证指令 在 src/directives 下新建 index.js 文件,复制贴入以下代码: src/di
阅读全文