案例1：element-ui中的table组件，可能会发现有这么一个写法：table里对应的data数据template（模版） 在这里属于一个固定用法：<template slot-scope="scope">通过scope.row.date，我们就可以读取到每一行中的date。案例2：另外关于scope.row，scope.$index案例总结：slot-scope="scope"

一、前言当博主把项目中的package.json与package-lock.json文件，还有node_moudle文件删除，然后执行npm init之后，发现竟然没有package.json，真是奇怪最后百度发现：当package.json与package-lock.json都不存在，执行"npm install"时，node会重新生成package-lock.json文件，然后把node_mo

需求背景项目中后端要求前端请求后台接口时对请求参数进行加密处理。因为我的需求是加密可逆，后端要求使用3DES加解密，最后返回返回base64格式加密过得，传给后端，后端再进行解密。什么是3DES？？3DES（即Triple DES）是DES向AES过渡的加密算法，它使用3条56位的密钥对数据进行三次加密。是DES的一个更安全的变形。原版DES容易被破解，新的3DES出现，增加了加密安全性,避免被暴

一. 需求背景长按分享图片，图片中含有自己分享链接生成的二维码，需要把二维码和背景图合成一张海报，项目需求是循环生成多张海报二. canvas画布的生成条件要生成画布的html元素不能是隐藏状态。如果不想页面显示出来的话，可以给个 margin-top: -999999999px;生成画布方法需要在页面渲染结束之后执行。三. 如何生成单个画布 ？思路：根据自己的分享链接通过vue-qr生成一个二维

观察者模式和发布订阅模式作为日常开发中经常使用到的模式，我一直不能做到很好的区分。最近在看Vue的源码，里面设计到了观察者模式，比较感兴趣，就去学习了下，这里做个总结吧。

前言：项目中有展示订单状态这样一个需求，后端数据返我的是数字，但前端展示的是文字‘已购买’，‘退卡中’，‘未购买’；后端要求是数字为10表示‘已购买’颜色为绿，11或者12代表‘退卡中’颜色为橙，null代表‘未购买’颜色为红；基于这个需求，来记录一下这里用到了vue的动态绑定类名思路：先在样式里定义好用到的几个颜色vue的动态绑定类名，如果item.earn_profit_type == '10

1. 父传子父传子的实现方式就是通过props属性，子组件通过props属性接收从父组件传过来的值，而父组件传值的时候使用 v-bind 将子组件中预留的变量名绑定为data里面的数据即可。父组件代码：<template><div id="container"><input type="text" v-model="text" @change="dataChange"

文章目录在码云上创建一个分支安装Swiper插件新建Swiper.vue组件在Home.vue导入Swiper组件推送到码云合并分支Github文档：https://github.com/surmon-china/vue-awesome-swiper官方文档：https://www.swiper.com.cn/在码云上创建一个分支然后输入命令行git pull和git checkout index

实现效果：通过计算属性来获取当前时间<div class="mounth"><divclass="datatime"@click="showTimePopup(userCheckMonth ? userCheckMonth : current_date)"><span class="time">{{userCheckMonth ? us

如题所示，v-if的写法大家都知道，但是如果要在html的class或者其他属性里面写js判断该如何写呢？1. 使用三元表达式判断属性:readonly="xxx ? true : false"2. js根据条件判断使用不同的class//如果xxx变量含有+号，则使用 red_money 类名// 否则使用 money 类名<p :class="item.xxx.indexOf('+')