![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue.js
tqOne
不断前行的一枚前端
展开
-
canvas如何将image中onload异步请求变成同步
为什么我们需要将image的onload加载事件变成同步请求呢?答案当然是图片加载完成后方便我们后续去做一些操作,不然我们想去做一些操作的时候,还需要到onload函数去操作。原创 2023-10-08 18:02:34 · 1860 阅读 · 0 评论 -
vue 企业微信通过中间页打开会话后,点击左上角返回按钮未关闭页面
背景:前端通过链接跳转到中间页 然后通过中间页调用企微api打开会话,打开会话后,点击左上角返回按钮是回到了中间页,没有回到一开始点击链接的企微页面。然后在methods中定义initAddEventh函数写对应的逻辑。一、在路由进入页面之前做下判断监听、回退的时候关闭页面。原创 2023-07-20 18:09:29 · 494 阅读 · 0 评论 -
解决使用html2canvas时报imported as ‘html2canvas‘) was not found
vue项目运行时( 之前还好好的) 突然报imported as ‘html2canvas’) was not found,网上找了些资料,又去babel官网翻了翻,终于解决了这个问题。一、先下载依赖包 @babel/plugin-syntax-dynamic-importnpm install --save-dev @babel/plugin-syntax-dynamic-import二、修改.babelrc文件{ "presets": [ [ "@babel/prese原创 2022-02-24 10:10:49 · 1518 阅读 · 0 评论 -
element form表单验证 页面回到第一个验证错误的位置
formErrorScroll () { // 报错回到第一个错误的地方if (document.querySelector(’.el-form-item__error’)) {document.querySelector(’.el-form-item__error’).parentNode.scrollIntoView({block: ‘start’,behavior: ‘smooth’})}}原创 2021-12-24 15:31:17 · 1105 阅读 · 0 评论 -
将现有的vue项目用electron打包成桌面应用
一、首先,我们先clone在electron官网的demo# Clone this repositorygit clone https://github.com/electron/electron-quick-start# Go into the repositorycd electron-quick-start# Install dependenciesnpm install# Run the appnpm start接下来对clone的项目中的main.js和package.json原创 2020-10-23 17:20:47 · 1224 阅读 · 1 评论 -
vue中实现文字跑马灯
{{ text }}原创 2020-10-09 17:56:30 · 1176 阅读 · 0 评论 -
vue+video.js实现视频播放列表
{{i+1}}、{{item.title}} <!-- <div v-else class="flex flex_between mt10" style="flex-wrap:wrap; width:900px;" > <d...原创 2020-09-24 17:26:29 · 3872 阅读 · 2 评论 -
vue中使用倒计时
验证码120秒倒计时<template><div> <i slot="suffix" class="el-getcode" v-if="retransmit" @click="getcode">获取验证码</i> <i slot="suffix" class="el-getcode" v-else>重新发送({{seconds}})</i></div> <template><script原创 2020-09-17 16:37:16 · 300 阅读 · 0 评论 -
vue 解决element-ui的下拉框有值却无法选中的问题
问题描述:在使用Vue框架和element-ui开发时,下拉框遇见一个问题,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,也就是下拉框值无法选中。代码段:<el-select v-model="value" placeholder="请选择" @change="change()"> <el-option v-for="item in options" :key="item.value" :label="item.label" :原创 2020-09-11 16:18:01 · 2117 阅读 · 0 评论 -
vue+element的后台项目 实现再次点击左侧菜单栏,刷新右侧内容
在vue项目中,如何实现再次点击,刷新右侧内容,我使用了vue中的[provide/inject],简单来说就是。。不多说了上代码1. 在父组件中设置provide2.还有别忘了methods中reload()这个方法3.在左侧菜单组件中通过inject调用4.在需要执行的地方直接调用方法即可...原创 2020-09-03 16:46:00 · 3572 阅读 · 0 评论