lhjfly

摘要： 一、访问元素&组件 1、访问根实例 根实例： 1 new Vue({ 2 data: { 3 foo: 'foo' 4 }, 5 computed: { 6 bar: function () { 7 return 'bar'; 8 } 9 }, 10 methods:{ 11 baz(){ 12 r 阅读全文

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

摘要： vue官网的插槽例子，现记录熟悉一下： 一、插槽内容 父组件： 1 <template> 2 <div> 3 <navigation-link url="/profile"> 4 Your Profile 5 </navigation-link> 6 <br> 7 <navigation-link 阅读全文

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

摘要： var a=1,b=1；与var a=b=1;在工作中第一种写法比较常见，但是我们偶尔也图方便用到第二种写法，以前以为他们表达的语义是一样的，实际操作中发现不太一样，上例子说明： 1 console.log(a, b); 2 var a = 1, b = 1; 3 function fn() { 4 阅读全文

摘要： vue使用computed属性计算某些值时，在页面上使用v-model去改变计算属性时，报错Computed property "xxxx" was assigned to but it has no setter，翻译成中文就是“计算属性“xxxx”已经分配了，但它没有setter”，理解一下，就 阅读全文

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

摘要： 当我们在使用iview的modal时，发现当点击确定时想操作一些事件，但是modal已经消失 这时需要自定义modal的页脚了 modal中插入以下元素代码，然后可以编辑自己的自定义方法了 <div slot="footer"> <Button type="text" @click="handleC 阅读全文

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

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