- 博客(9)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 Vue中插槽的使用
插槽内容// 子组件 HomeChild<template> <div> <slot></slot> </div></template>// 父组件 Home<template> <div> <HomeChild> // 插槽内可以包含任何模板代码(包括 HTML、其它的组件) // <About /> 我是父组件
2021-11-18 10:06:21
284
原创 vue中Class 与 Style 绑定
一、绑定class1、对象语法<template> <div> // 1、给 v-bind:class 传入一个对象,以动态地切换 class <div v-bind:class="{ active: isActive }">123</div> // 2、在对象中传入更多字段来动态切换多个 class <div class="static" v-bind:class="{ active:
2021-11-03 15:35:14
484
2
原创 vue中使用keep-alive对组件进行缓存,关闭tag时清除缓存
1、对需要缓存的组件添加keepAlive{ path: "/policy", name: "Policy", component: () => import("../views/pages/policy/index.vue"), meta: { keepAlive: true } // true缓存 false不缓存 }2、App.vue<template> <div id="app">
2021-08-08 17:31:06
6928
3
原创 JS中的0,null,undefined,[ ],“ ”,false之间的关系
1、0 、“”、 []、 false两两之间是相等的关系2、null 和0 、“”、 []、 false之间并不相等3、undefined 和0 、“”、 []、 false之间并不相等4、null 和undefined 是相等的5、用===比较时,===是严格运算符,由于严格运算符要考虑数据类型,所以0,null,undefined,[],’’,false之间都不是相等。// null 不进行类型转换console.log(null == false); // falseconsole.cl
2021-01-21 15:17:19
3052
原创 JS 中赋值,浅拷贝,深拷贝的区别
首先我们需要掌握一些基本的知识点:1、在JS中,我们知道数据类型分为基本数据类型:Number,String,Undefined,Null,Boolean,Symbol,BigInt引用数据类型:(object) 分为 =》Array, function, date, RegExp2、JS中,栈(stack)和 堆(heap):栈(stack)为自动分配的内存空间,它由系统自动释放。堆(heap)为动态分配内存空间,大小不定,不会自动释放。基本数据类型都是保存在栈当中。引用类型都是保存在堆
2021-01-21 11:31:14
776
原创 ElementUI列表中使用单选框el-radio会显示索引的问题
问题描述:在列表中使用单选框el-radio,表格中会显示索引的问题。如图原因分析:因为在el-radio标签中label绑定的是索引(index)。解决方案:标签中间加上 ;,然后修改标签样式即可。<el-table-column label="选择" width="39" align="center"> <template slot-scope="scope"> <span>
2021-01-20 14:06:36
1030
8
原创 文本溢出显示省略号,鼠标悬浮显示全部信息(兼容IE)
组件<!-- * @Descripttion: el-tooltip重新封装 * @version: 1.0 * @Author: keyu * @Date: 2020-07-05 10:28:45 * @LastEditTime: 2020-07-05 11:46:56--><template> <div class="tooltip-wrap"> <el-tooltip ref="tlp" :content=
2020-12-11 10:40:57
1334
原创 Vue组件间通信
Vue组件间传值一、父组件调用子组件的数据和方法1、$children通过this.$children.search()访问子组件中定义的属性或方法2、ref// 父组件通过ref给子组件做一个标记<outSide ref="test"> </outSide >通过this.$refs.test.search()访问子组件的属性或方法3、$emit// 子组件this.$emit("test",data) //data是需要传递的数据// 父组件
2020-09-18 15:56:18
2392
原创 AES加密解密
1、cnpm i crypto-js --save2、在utils下新建aes.js文件var CryptoJS = require("crypto-js");/*** 加密*/export const encrypt = (word) => { var key = CryptoJS.enc.Utf8.parse("46cc793c53dc451b");//秘钥 var srcs = CryptoJS.enc.Utf8.parse(word); var encrypted =
2020-05-22 13:57:28
192
空空如也
vue中如何实现奇数行偶数行依次替换过渡动画效果
2021-10-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人