摘要：keep-alive官网的解释和用法比较全面，其实仔细一想，大概就是保持组件的数据状态逻辑展现不变，不需要重新加载就可以再次使用的意思吧 仅记录一下简单的使用过程： 1.keep-alive基础使用方法 index页面： 1 <template> 2 <div> 3 <h2>{{msg}}</h2> 阅读全文

摘要：这个就是vue官网的例子，只是记录一下熟悉的过程： 一、绑定 HTML Class （一）、对象语法 1 <template> 2 <div> 3 <div class="basic" v-bind:class="{ active: isActive,'text-danger': hasError} 阅读全文

摘要：一些菜单业务逻辑的处理，在此记录一下： 业务场景：两级菜单，头部导航显示主菜单(公司)，左侧菜单树(报表展现)，通过主菜单选择一级菜单渲染左侧二级菜单，不同的公司可能存在相同（显示）的单页面，此时需要监听路由或者监听$store.state中的数据 一、路由不同，切换导航菜单，加载左侧菜单树，相同的 阅读全文

摘要：vue组件实现数据双向绑定 说明：vue组件的父子组件之间如何传值基本用法，有时像表单元素input，select，radio可能涉及到数据的双向绑定，基本的用法，监听子组件的值，传值到父组件实时改变父组件的值，也可以运用官网上的自定义组件的v-model去实现，这里以iview的远程搜索selec 阅读全文

摘要：vue中使用svg图片有很多便捷方式，在这里记录一下模仿参考的过程，仅做一标记，方便后续回来查找 附上参考地址：https://juejin.im/post/59bb864b5188257e7a427c09 1.使用vue-cli3.0脚手架运行搭建一个项目，地址 截图如下： 2.component 阅读全文

摘要：像百度搜索框一样，点击input框后，下拉框展现以前输入的信息列表，列表可以即时查询、选择、删除，简单地通过Localstorage浏览器缓存实现，多组input 1.页面展现样式代码 <div class="group-row"> <div class="form-group form-label 阅读全文