Vue
大阳plus
这个作者很懒,什么都没留下…
展开
-
初学vu3的小知识
echarts自适应大小 myChart.setOption(option) window.onresize = function () { myChart.resize() }setup在create之前,所有变量方法都要return。function btn() {}或者const btn = () =>{}一、组合式API(常用)1.import { ref } from 'vue当ref的值发生改变时,视图层会自动更新。 const name = ref('a原创 2022-05-14 17:51:16 · 361 阅读 · 0 评论 -
vue3-element-admin(标签页缓存)
admin的标签页缓存以及设置网址:vue3-element-admin原创 2022-06-14 17:46:25 · 1998 阅读 · 1 评论 -
form表单,时间防呆
mounted() { this.calculationTime() },methods: {calculationTime() { /** 开始时间必须小于结束时间 */ let startTimeValidate = (rule, value, callback) => { let startNumA = Number(Date.parse(new Date(value))) let endNumA = Number(D..原创 2022-03-30 18:47:13 · 206 阅读 · 0 评论 -
NPlayer播放器,带弹幕
nplayer播放器,带弹幕<template> <div id="nPlayer" ref="nPlayer" /></template><script>import Player from 'nplayer'import Danmaku from '@nplayer/danmaku'export default { data() { return { isMeDanmu: '' } }, mou原创 2021-12-23 16:50:27 · 2039 阅读 · 2 评论 -
Vue使用qrcodejs2插件做弹窗二维码,以及解决cannot read property“appendChild‘ of undefined 问题
如果使用弹窗显示二维码, 那就涉及父子组件传值。在父子组件的生命周期中, mounted() 触发的顺序是先子后父,控制台打印如下:所以使用 mounted()去触发转换二维码的方法,控制台肯定会报错cannot read property"appendChild" of null 。因为你获取这节点时,节点还没加载。弹窗的页面还没有被挂载到,就执行了这个方法,所以就会报错。加 nextTick() 或者 加延时函数 setTimeOut() 都是没有用的。后面去看了element官网里面的D原创 2021-09-25 14:21:37 · 6265 阅读 · 4 评论 -
原生获取下载进度百分比、上传附件百分比的事件。(onDownloadProgress与onUploadProgress)
用el-progress 进度条,显示下载进度、上传附件百分比/** get 方法- 导出-响应的数据类型 */ getExport(name, params, other, otherRes, onDownloadPro) { let end = '' if (other) { end = '/' + other } let reseType = otherRes || 'blob' return request({ url: url原创 2021-09-20 10:35:09 · 1078 阅读 · 0 评论 -
JavaScript实现读秒按钮,按钮计时器,倒计时结束方可点击按钮(setInterval,clearInterval)
实现一进入页面就开始进行读秒操作,读秒尚未结束时,按钮处于禁止状态且颜色变灰。读秒完毕后方可进行业务操作。<template> <div> <el-card class="boxCard"> <h1 style="text-align: center">考生须知</h1> <div class="buttons"> <button class="btnCancel" @cli原创 2021-09-15 19:07:15 · 1391 阅读 · 0 评论 -
一个方法,调用不同状态的接口,传递不同的参数,confirm提示不同的状态
<Table ref="table" v-loading="listLoading" :height="-1" :bottom-off-set="110" :data-list="list" :column="listTableColumn" :table-btn="listTableBtn" :selection.sync="multipleSelection"原创 2021-09-04 09:47:52 · 580 阅读 · 0 评论