![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
`XiYu`_
若现在就觉得失望无力,未来那么远你该怎么扛。
展开
-
vue2和3 中导出xlsx数据
【代码】vue2和3 中导出xlsx数据。原创 2023-04-03 15:27:06 · 240 阅读 · 0 评论 -
js 实现复制指定内容功能
参考了网友的写法,记录一下点击按钮 复制指定的内容 <el-button type="primary" @click="copyBtn">复制url</el-button> js代码: copyBtn() { let url = '111111' let txa = document.createElement("textarea"); txa.value = url; document.body.appendC原创 2021-12-08 10:06:03 · 973 阅读 · 0 评论 -
Echarts 自定义工具栏事件 || 柱状图和饼状图之间的切换
echarts中有柱状图和折线图之间的切换,却没有柱状图和饼图直接的切换不过echarts有自定义工具栏方法,我们可以通过自定工具栏的方法来实现echarts没有的图形切换toolbox 中的 feature 自定方法 (title: 鼠标放上去显示的文字;icon: 自定工具栏的图标的path路径;onclick: 点击事件)在点击事件写自己要处理成的图形代码就行了, 下面有我的一个完整实例如何引入echarts,在我的上一篇文章中,完整代码:<template> <.原创 2021-11-27 14:52:06 · 5502 阅读 · 2 评论 -
数组排序去重
1.去重对象数组unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));},2. 去重数字数组let data = [1,2,3,1,2]data = [...new Set(data)]数字数组排序data.sort(function(a, b){return a - b});对象数组排序 cars.sort原创 2021-11-22 21:56:20 · 275 阅读 · 0 评论 -
js中获取当前日期 当月第一天和最后一天
js 中 获取当前日期 当月第一天 当月最后一天的方法export function timeThree() { // 当天 let thatDay = '' // 当月第一天 let oneDayTime = '' // 当月最后一天 let zDay = '' let date = new Date(); let curr_date = date.getDate(); let curr_month = date.getMonth() + 1; let cu原创 2021-11-22 21:53:17 · 2265 阅读 · 0 评论 -
vue 中数字转千分显示
vue中数字转千分显示export function numFormat(cellValue) { cellValue += ''; if (!cellValue.includes('.')) cellValue += '.'; return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) { return $1 + ','; }).replace(/\.$/, '');}页面中使用 使用前先引入方法e原创 2021-11-22 21:49:37 · 1264 阅读 · 0 评论 -
vue 数字前面加0 向上边界判断 向下不判断
<el-input v-model="num" style="width: 200px;" placeholder="" @input="updateNum($event)"> <el-button @click="numUpdate(1)" slot="prepend" icon="el-icon-minus"/> <el-button @click="numUpdate(2)" slot="append" icon="el-i原创 2021-08-04 11:39:29 · 1058 阅读 · 0 评论 -
element-ui表格多选,每次只能选中一个并获取数据
element-ui表格多选,每次只能选中一个并获取数据工作中会碰到这种问题,表格但是只能选择一条,想要前面多选那个选中的样式首先要禁掉表格的全选<script scoped> /deep/ .el-table__header-wrapper .el-checkbox { display: none;}</style>注意: 要给表格设置ref1.html中<template> // 表格的 选中事件 当用户手动勾选数据行的 Checkbox原创 2021-06-21 21:19:35 · 3295 阅读 · 1 评论 -
element-u中Checkbox 多选框只能选择一个
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-06-21 15:40:27 · 3379 阅读 · 0 评论 -
监听路由变化,来改变导航栏背景色的改变
vue中监听路由来改变点击之后导航栏的背景颜色变化 watch: { $route(to, from){ } } // 给router-link添加背景颜色.router-link-active { background: #ffffff; }因为进入网站默认的是首页导航,所以给首页导航的router-link里面加上 “exact” 属性把第一个导航截取出来<router-link to="/" class="nav" tag原创 2020-06-18 14:45:52 · 1050 阅读 · 0 评论 -
在vue项目中使用zoom属性
这几天一个项目中用到了zoom这个属性,在网上看了很多别的大佬写的博客,始终达不到自己的结果没想到使用这个属性很简单,提前说这个火狐浏览器不支持这个属性,话不多说直接上代码给rouver-view动态绑定zoom属性 <router-view :style="`zoom:${ww}`"></router-view>在钩子函数中获取屏幕的实时宽度,然后你除以你做项目是的宽度,这个你要具体算在data中 data() { return {原创 2020-06-17 16:39:19 · 3750 阅读 · 0 评论