woshishui099的博客

原创 JS实现随机选取10 -100 之间的10个整数，存入数组，并排序

【代码】JS实现随机选取10 -100 之间的10个整数，存入数组，并排序。

原创 vue3.0 router跳转页面

vue3.0 router

原创 vue3.0 vuex 本地持久化 vuex-persistedstate

vue3.0 vuex

原创 css postion 居中

css postion 居中

原创 DOM元素与位置的关系

DOM元素与位置的关系

原创 vue echarts柱状图圆饼联动

vue echarts柱状图圆饼联动。

原创 vue Empty block statement.报错

【代码】vueEmptyblockstatement.报错。

原创 日期输出格式

返回以下格式字符串:2021年1月1日其他要求:不使用日期相关的系统函数月份英文缩写对照表Jan 1月 Feb 2月 Mar 3月 Apr 4月 May 5月 Jun 6月Jul 7月 Aug 8月 Sept 9月 Oct 10月 Nov 11月 Dec 12月

原创 vue a下载

this.KaTeX parse error: Expected group after '_' at position 302: …load", `operlog_̲{new Date().getTime()}.xlsx`); //指定下载后的文件名，防跳转document.body.appendChild(link);link.click();}))

原创 element-ui 解决el-dialog跟loading的冲突

添加 :modal-append-to-body="false"属性就OK

原创 直接保存图片

//采用直接转成canvas的方式let width = 1000;let height = 666;var serializer = new XMLSerializer();var source = ‘<?xml version="1.0" standalone="no"?>\r\n’+serializer.serializeToString()var image = new Image();image.src = “data:image/svg+xml;charset=utf-8

原创 vue3.0 element-plus里面的一些坑

分页器：显示英文main.js 里面已经引入element-plus,在添加一点代码。import locale from 'element-plus/lib/locale/lang/zh-cn' // element-plusapp.use(ElementPlus, { locale });

原创 vue3.0 ref reactive nextTick watch toRaw defineProps defineEmits

目前使用的一些属性持续更新中ref:推荐定义基本数据类型(ref值也可以是对象，但是一般情况下是对象直接使用reactive更合理)。const data = ref( {id: "1"} )console.log(data.value)reactive:创建响应式对象的方法。const data = reactive({ data: [{ name: 'gg' }] }) console.log(data.data)nextTicknextTick(() => {

原创 elementui table表格 动态生成表头 添加点击事件 位置不变

<el-table :data="tableData" border style="width: 100%"> <el-table-column v-for="item in desCol" :key="item.id" :prop="item.prop" :label="item.label" sortable > <template slot-sc...

原创 鼠标移入或悬浮禁用图标，点击事件不生效

<div style="cursor: not-allowed;cursor: no-drop;"> <div @click="getData()" style="pointer-events: none;"> </div></div>鼠标悬停禁用图标csscursor: not-allowed;cursor: no-drop;点击事件不生效csspointer-events: none;注释：如果把两个样式放到同一级，会期冲突，

原创 vue时间戳转化日期时间格式

一、写方法，跟data、methods同级 filters: { formatDate: function (value) { const date = new Date(value) const y = date.getFullYear() let MM = date.getMonth() + 1 MM = MM < 10 ? ('0' + MM) : MM let d = date.getDate() d = d &

原创 layui 弹框怎么调用父级页面的方法！

父级页面写的方法下面两种东可以，在弹框页面（子页面）的点击事件里添加 parent.$(’.refresh’).click(); 就可以调用父级页面的方法了。父级页面的方法1：父级页面的方法2：

原创 面试题---什么是防抖和节流？有什么区别？如何实现？

防抖概念： 触发高频事件秒内函数只会执行一次，如果n秒内高频事件再次触发，则重新计算设时间。列如：搜索框搜索东西 function debounce(fn) { let timeout = null; //创建一个标记用来存放定时器的返回值 return function() { clearInterval(timeout); //每个用户输入的时候把一个setTimeout clear 掉

原创 layui 表格数据-分页器开启无效怎么解决？

layui数据表格开启分页器不管用，page:true，如果直接请求数据渲染，开启分页器是无效，页面渲染了，但功能不上效，通过data:data渲染数据，limit设置初始每页数据数。

原创 a标签跳转页面传参

a标签跳转到B页面B页面<script type="text/javascript"> var sHref = window.location.href; var args = sHref.split("?"); var retval = ""; var str = args[1]; args = str.split("&"); for (var i = 0; i < args.l

原创 关于a标签下载设置下载保存类型，部署到线上出错

写一个点击事件a标签新的属性download

转载 关于layui框架的问题及解决

链接: https://blog.csdn.net/milijiangjun/article/details/99415209.

原创 vue 详细了解canvas（1）--展示图片，鼠标在画布上点哪出现字

一、图片引入这里需要注意一下，不然引入不成功二、通过id拿到canvas,通过 getContext(‘2d’)方法获取2D绘制上下文， this.context.drawImage(img,x,y,width,height)方法可以来展示图片， img: 图片 x,y相对于canvas的左上角，其实位置（0,0） wisth：图片的宽 height:图片的高三、鼠标按下的位置出现字，首先我们要拿到鼠标坐标的位置e.offsetX, e.offsetY，鼠标自带的参数可以自己去找。

原创 vue 分页器组件--可根据自己随便调改，简单易懂

这是自己写的一个vue 分页器组件，里面的样式有点丑，有需要的可以自己修改，写的简单易懂,这是子组件，分页器的主体<template> <div class="pager-wrapper"> <div> 共 <span>{{this.total}}</span> 条 </div> <button class="pager-button"

原创 插槽怎么替换多次复用

##这是子组件用我是要替换的内容 在父级组件用slot=“aa”(用等于你子组件的name名)，这样就可以替换你想替换的标签内容

原创 woshishui099

这是我的博客希望大家关注一下，谢谢

原创 v-if和v-show的区别

#相同点：v-if与v-show都可以动态控制DOM元素的的显示隐藏#不同点：v-if显示隐藏是将DOM元素整个添加或删除，而v-show隐藏则是为了元素添加css-display:none,DO元素还在v-if是动态的向DOM树内添加或删除DOM元素；v-show是通过设置DOM元素的display样式属相控制显示隐藏...

原创 git的提交

github网站，社交平台，开源项目，远程仓库官网：https://github.com/windows可视化命令行（推荐）设置：配置用户名和密码：git config --global user.name ‘你自己的用户名’git config --global user.email ‘你自己的邮箱’通过key关联本地库和远程库：github 请自行注册账号由于你的本地...

原创 vue脑图

原创 Vue路由 的传值

今天我们讲一下路由的传值//先在index.js配置路由 { path: '/user/:userId?',//userId时自定义的 component: User, name: 'User' }//路由接受穿过来的id<router-link :to="{name:'User', params:{userId:item.id}}" ...

原创 Vue插槽的应用及属性

生命的美好 {{list}} Vue.component("todo",{ data(){ return{ tt:"拉面" } }, template:` 真相只有一个 {{tt}} ...

原创 Vue 父子组件之间的传值

##html <input-ul btn-val="搜索" v-bind:list="list1"></input-ul> <input-ul btn-val="查询" :list="list2"></input-ul>在script里面创建一个父组件Vue.component(“input-text”,{props:[“btnval”],...