![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
12岁零120个月的孩子
一身清贫怎敢入繁华
展开
-
vue2中使用FullCalendar注意事项以及配置项
<template><div class="fullCalendarStyle"> <FullCalendar :options="calendarOptions" ref="fullCalendar"/> </div></template><script>import '@fullcalendar/core/vdom' // solves problem with Viteimport FullCalendar f原创 2021-07-23 15:48:47 · 1112 阅读 · 1 评论 -
在Vue中使用websocket实现聊天
websocket聊天在Vue中使用了解websocket并使用websocket是什么?wevsocket自带属性如何使用:onopen,onclose,onerror,send,onmessage了解websocket并使用websocket是什么?ws是建立在TCP之上的一种协议;http也是建立在TCP上的一种协议;wss是建立在TLS(安全传输层协议)之上的协议,而TLS(安全传输层协议)是建立在TCP之上的;https是建立在TLS(安全传输层协议)之上的协议,而TLS(安全传输层原创 2021-06-04 10:50:50 · 513 阅读 · 1 评论 -
vue使用Export2Excel导出excel表格
首先 你需要1个js和3个依赖包(js在文章最后可以自己创建然后复制粘贴)。1、安装依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader2、复制文章最后的js代码到你自己的项目里3、在需要使用的地方使用如下方法: downEvent() { import('@/vendor1/Export2Excel').then(excel => { const tHeade原创 2021-05-31 16:58:21 · 269 阅读 · 0 评论 -
详细讲解css3 利用transform-origin 实现圆点分布在大圆上布局以及旋转特效
首先 要使用transform-origin属性,必须使用transform 属性,其有很多属性,我们只需要用到transform的rotate属性(设置2D旋转角度),再搭配 transform-origin 设置其中心点。最后搭配css3动画属性animation。完成我们想要的效果。先上效果图:圆都是动态的。步骤如下:1、transform属性使用:我们只需要利用这个属性设置我们需要这个点在圆上的那个位置。transform:rotate(你需要的度数deg)。另外我们需要注意一个点(如果原创 2021-04-27 11:25:16 · 988 阅读 · 0 评论 -
VUE递归组件传递参数到父组件,event bus方法
需要一个bus.js文件代码如下import Vue from 'vue';export default new Vue();在父组件中引入import bus from '@/api/bus.js'在created中使用:created() { bus.$on('addCondition', (type) => { this.checkBefor = type }) }子组件中使用import bus from '@/api/bus.js' //原创 2021-02-01 19:51:18 · 270 阅读 · 0 评论 -
vue递归(像tree)
vue递归(像tree)效果图:步骤效果图:步骤思路: 你需要有一个组件,并且在main.js中全局注册,这样才能在组件自身内部使用自己,然后父级组件传递一个对象,子级渲染对象中的需要展示的数据,然后再把children数组传递给下一集。大致就是传递对象,渲染对象,循环数组,拿到对象,传递对象,渲染对象。组件: 代码过于简单不与粘贴全局注册:父级应用以及需要的数组样式...原创 2021-01-19 10:28:06 · 105 阅读 · 0 评论 -
vue实现中英文切换
中英文切换安装依赖:yarn add vue-i18n 或者 npm install vue-i18n --save-dev新建文件夹language,并在文件夹language下新建zh.js及en.js:【src/components/language/zh.js】module.exports = { language: { name: 'English' }, user: { login:'登录', registe原创 2020-07-28 10:15:11 · 429 阅读 · 0 评论 -
VUE忽视页面警告
大家在使用vue开发时候会发现很多时候会因为一个规范问题而报一大堆的警告,使用工具快捷键后格式规范依然纯在问题,导致经常写一个项目警告上百个,严重影响开发效率和开发心情,这里我提供一种直接关闭代码规范检查的方法!...原创 2020-06-28 17:41:33 · 642 阅读 · 0 评论 -
npm run build 打包报错
关闭版本检查在**semver.js(node_modules/semver/semver.js)**里Range.prototype.test = function(version) { // +++++++++++++++++++++++++++++++ liuqing 2018.04.23 return true; // +++++++++++++++++++++++++++++++ liuqing 2018.04.23 if (!version) return fals.原创 2020-06-02 15:28:40 · 466 阅读 · 0 评论 -
利用canvas制作一个vue的签名版
废话不多说,直接上代码,注释详细<template> <div class="sign-canvas" ref="putImageData"> <canvas id="canvas" width="400" height="600" @mousedown="canvasDown($event)" @mousemove="canvasMove($event)" @mouseup="canvasUp()" @mouseleave="ca原创 2020-05-28 10:50:31 · 205 阅读 · 1 评论 -
vue脚手架,引入高德地图
我们选择用vue-amap这个组件,因为他是基于vue和高德的组件,当然你可以选择直接使用高德地图的方法。这里我就以vue-amap这个组件为实例。 第一步:你需要引入依赖npm install vue-amap --save第二步:需要初始化并且需要你再高德地图上获取的key如果不知道如何获取高德地图的key自行去官网查看教程,这里就不详细解答了 需要在mian.js中导入并初始化第三步:就可以在组件中是使用了注意:如果需要在地图上添加上标记点需要在<el-amap..原创 2020-05-28 10:46:24 · 904 阅读 · 0 评论