浪在前端-优快云博客

原创 Vue中插槽的使用

插槽内容// 子组件 HomeChild<template> <div> <slot></slot> </div></template>// 父组件 Home<template> <div> <HomeChild> // 插槽内可以包含任何模板代码（包括 HTML、其它的组件） // <About /> 我是父组件

2021-11-18 10:06:21 326

原创 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 541 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"&gt

2021-08-08 17:31:06 7693 5

原创 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 3195

原创 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 824

原创 ElementUI列表中使用单选框el-radio会显示索引的问题

问题描述：在列表中使用单选框el-radio，表格中会显示索引的问题。如图原因分析：因为在el-radio标签中label绑定的是索引(index)。解决方案：标签中间加上&nbsp；，然后修改标签样式即可。<el-table-column label="选择" width="39" align="center"> <template slot-scope="scope"> <span>

2021-01-20 14:06:36 1109 8

原创文本溢出显示省略号，鼠标悬浮显示全部信息(兼容IE)

组件<template> <div class="tooltip-wrap"> <el-tooltip ref="tlp" :content=

2020-12-11 10:40:57 1386

原创 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 2622

原创 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 234

weixin_47074432的博客