随笔分类 - vue
摘要：先安装iview后在使用 完善按钮不显示问题 ，当children过多时，点击不动问题等 封装 <template> <div :style="{width:tableWidth}" class='autoTbale'> <table class="table table-bordered" id=
阅读全文
摘要：1 <template> 2 <div class="comPower"> 3 <div class="card_header" v-show="!rolePowerVisi"> 4 <Row> 5 <Col span="19" offset="1"> 6 <div class="title_lef
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>css
阅读全文
摘要：一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1、未用懒加载，vue中路由代码如下 2、v
阅读全文
摘要：一、基本使用： 1、计算属性与methods 2、methods 与 computed watch三者之间的区别 另：属性监听<!DOCTYPE html> 3、生命周期 4、常用的实例化方法 /* 实例身上的方法 $on：绑定事件 $emit：触发事件 $off：解绑事件 $once：触发一次 $
阅读全文
摘要：今天正好这个知识点有点淡忘了，就随笔一下吧： Vue.directive(参数1，参数2) 参数1：指令名称，如"drag" 参数2：指令要实现的回调函数，其中回调函数中也有两个参数，其中： 参数1：指令绑定的元素，如 el 参数2：是一个对象，其中有两个参数（value,modifiers） va
阅读全文
摘要：一、插槽 ：slot 1、使用情况：当子组件在父组件中当标签使用时，如果子组件内部需要进行嵌套一些代码内容时，这时候就需要在子组件内插入插槽。 例子：父组件： 其中<home-com>标签内是需要嵌套的代码，若直接这样写是无法在页面中显示的， 子组件： 其中，给slot 标签增加name属性，并按照
阅读全文
摘要：路由监听： //当一个组件被复用的时候，那么路由发生变化，但是页面上面的数据不会发生变化 新建one.vue 组件 作为home的子组件，在home.vue 中写遍历渲染页面 ，并用params传参， one中 因为created只执行了一次，就接收都第一次传的值，所以需要监听 方案： 1、watc
阅读全文
摘要：父传子： 当子组件子父组件中当标签使用的时候，给子组件添加一个自定义属性，值为需要传递的值（如： <Child v-bind:parentToChild="parentMsg"></Child>），并在data中声明；然后在子组件中通过props接收，接收时，用属性名接收（如：props:["par
阅读全文
摘要：一、插槽作用域 1、简单来说就是带参数的插槽； 2、使用方式： 在组件标签内部加一个template标签 在template标签上加一个属性scope 值随意书写 在组件内部用slot进行接受，如果给slot加一个自定义属性，那么在组件标签的template的scope上面就可以进行接受到。 3、例
阅读全文
浙公网安备 33010602011771号