随笔分类 -  vue

vant上传图片时压缩图片
摘要:afterRead(file){ console.log(file,'0000') this.face = []; let canvas = document.createElement('canvas') // 创建Canvas对象(画布) let context = canvas.getCont 阅读全文

posted @ 2023-03-02 09:02 马玉豪 阅读(181) 评论(0) 推荐(0)

组件中的input禁止复制
摘要:@copy.native.capture.prevent="handleFalse" methods: { //禁止复制 handleFalse(){ return false } }, 在定时器等一异步中this指向不同 阅读全文

posted @ 2023-02-23 09:04 马玉豪 阅读(55) 评论(0) 推荐(0)

echarts中国地图
摘要:initMap() { echarts.registerMap('china', JSON.stringify(this.china)); var opeChars1 = echarts.init(document.querySelector("#mapBox")); var option1 = { 阅读全文

posted @ 2022-11-30 15:44 马玉豪 阅读(109) 评论(0) 推荐(0)

vue中的加密登录
摘要:场景:需求是要把登录时候的密码加密,不允许用户在浏览器F12和类似Fiddler之类的抓包工具抓包获取用户登录的密码参数 解决办法和思路:使用md5加密 md5加密 MD5(单项散列算法)的全称是Message-Digest Algorithm 5(信息-摘要算法),经MD2、MD3和MD4发展而来 阅读全文

posted @ 2022-11-28 09:27 马玉豪 阅读(92) 评论(0) 推荐(0)

vue组件中的作用域插槽
摘要:插槽<slot>可以在父组件使用子组件时,改变子组件类容。 作用域插槽可以使得父组件页面可以使用子组件的数据:v-slot v-slot具名插槽使用 <template v-slot:header> <h1>Here might be a page title</h1> </template>相当于 阅读全文

posted @ 2022-11-21 13:47 马玉豪 阅读(101) 评论(0) 推荐(0)

在Vue中取消请求的方法
摘要:import axios from 'axios' let pending = []; // 声明一个数组用于存储每个请求的取消函数和axios标识 let cancelToken = axios.CancelToken;//用于取消已发送的请求 let removePending = (confi 阅读全文

posted @ 2022-11-21 10:24 马玉豪 阅读(1147) 评论(0) 推荐(0)

自定义组件绑定原生事件
摘要:@click.native = "fun" 阅读全文

posted @ 2022-07-27 10:49 马玉豪 阅读(14) 评论(0) 推荐(0)

插槽
摘要:1.具名插槽: 子组件: <div class="container"> <header> <slot name="header"></slot> </header> <main> <slot></slot> </main> <footer> <slot name="footer"></slot> 阅读全文

posted @ 2022-07-27 10:20 马玉豪 阅读(37) 评论(0) 推荐(0)

$root
摘要:1、 $root用法 作用:访问根组件中的属性或方法 注意:是根组件,不是父组件。$root只对根组件有用。 2、补充 访问父组件的属性或方法 this.$parent 访问子组件的属性或方法 this.$refs 阅读全文

posted @ 2022-07-27 09:58 马玉豪 阅读(244) 评论(0) 推荐(0)

$on与$emit
摘要:$emit是每个Vue实例的自带方法,$on可以监听到$emit触发的自定义函数 阅读全文

posted @ 2022-07-27 09:57 马玉豪 阅读(54) 评论(0) 推荐(0)

vue-loader
摘要:vue-loader是webpack的一个loader,用于处理.vue文件。使用脚手架是已经配置好了基本配置的vue-loader。 .vue 文件是一个自定义的文件类型,用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 <template>、<script 阅读全文

posted @ 2022-07-26 13:55 马玉豪 阅读(194) 评论(0) 推荐(0)

axios封装
摘要:import axios from 'axios' import Qs from 'qs'//(如果只是get请求就不需要引qs)//序列化插件 import md5 from 'js-md5';//加密插件 import router from '../src/router/index' impo 阅读全文

posted @ 2022-07-22 17:15 马玉豪 阅读(740) 评论(0) 推荐(0)

导航