VUE
关注
分享
扫一扫
文章平均质量分 54
MrYangZCH
真正的大师永远都怀着一颗学徒的心
展开
-
vue-lottie控制动画的播放、暂停、跳转帧数
vue-lottie控制动画的播放、暂停、跳转帧数原创 2022-02-24 09:41:23 · 7758 阅读 · 0 评论 -
Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
问题描述：之前使用过 node-sass,后来改为 dart-sass ，这货就开始犯傻，幸亏有大佬已经解决过，记录一下…40% building 1/4 modules 3 active ...-app-class-teaching-activity-history-records-list\src\components\headerSelectExercise\headerSelectExercise.vue?vue&type=style&index=0&id=04fdc原创 2021-06-20 17:09:13 · 9502 阅读 · 3 评论 -
Uncaught ReferenceError: regeneratorRuntime is not defined
错误描述:element-ui自定义组件中使用 async 提示：Uncaught ReferenceError: regeneratorRuntime is not defined解决方案：1.在当前目录执行npm install babel-plugin-transform-runtime在 .babelrc 配置 “plugins”: [ … “transform-runtime”],{ "presets": [ [ "env",原创 2021-06-10 10:27:18 · 427 阅读 · 0 评论 -
vue v-html事件失效？自定义指令有何不可
img标签中可以使用 @error 事件去处理图片地址，显示一些默认图片或者做一些其他的事情<img src="https://p.ssl.qhimg.com/t0199397a4f9c5e1b3b3.jpg" @error="(e)=>{ e.srcElement.src='https://p.ssl.qhimg.com/t0199397a4f9c5e1b3b.jpg'}">vue 使用 v-html 来解析 img标签 @error 失效不起作用 ╮(╯﹏╰）╭<.原创 2021-04-14 17:06:54 · 1176 阅读 · 2 评论 -
fetch 请求
fetchRequest (url, resolve, reject) { Promise.race([ fetch(url, { method: 'GET', headers: new Headers({ 'Access-Control-Allow-Origin':'*', "Content-Type":'text/plain' }), mode: 'no-cors' }), new Promise(func原创 2020-10-27 17:19:14 · 150 阅读 · 1 评论 -
正则替换img src
replaceImgSrc (basePrefix, rep, questionContent) { // console.log('old' + questionContent) questionContent = questionContent.replace(new RegExp(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi), function (match, capture) { if (rep) ...原创 2020-10-27 17:18:28 · 790 阅读 · 0 评论 -
vue cli4配置动态地址
有些资源地址 vue打包之后如果修改需要重新打包，这就很烦，有很多 vue cli2 的参考文档，刚好配置出了 vue cli4 ，在这里记录一下安装 generate-asset-webpack-pluginyarn add generate-asset-webpack-pluginvue.config.js 中配置 generate-asset-webpack-pluginconst GenerateAssetPlugin = require("generate-ass.原创 2020-08-14 15:27:46 · 873 阅读 · 0 评论 -
The flash tech is undefined Skipped browser support check for that tech
vue版本 2.xVIDEOJS: ERROR: The "flash" tech is undefined. Skipped browser support check for that tech.npm n多次也不好使 ，后来发现 是版本不一致，需要配置一下解决方案：webpack.base.conf.js 添加 modules: [path.resolve(‘node_modules’), ‘node_modules’]resolve: { modules: [p.原创 2020-08-03 09:06:50 · 6297 阅读 · 9 评论 -
vue vue-flash 使用 yarn 安装打包 出错
vue vue-flash 使用 yarn 安装打包 出错Module not found: Error: Can’t resolve ‘mux.js/lib/mp4/caption-parser’ in ‘D:\jenkins_workspace\ITTest-26-tpk-student-pc-vue\node_modules\videojs-flash\node_modules\video.js\dist’本想用 yarn 打包 万万没想到 还给我出错，出错就出错呗，还百度不到解决方法。原创 2020-07-31 15:16:37 · 1146 阅读 · 0 评论 -
flex-warp换行 填充盒子
flex-wrap: wrap;justify-content: center;动态填充 空盒子 全部代码<!DOCTYPE html><html><head> <title>flex布局的应用</title> <style type="text/css"> .wrap { ...原创 2019-12-01 23:28:20 · 633 阅读 · 0 评论 -
vuex map不刷新视图
vuex map不刷新视图处理方法将map 重新赋值paper.paperMap=new Map(paper.paperMap)vuex selectPaperCheckBox: { 'question': {'questionIdList': []}, 'paper': {'questionIdList': [], 'paperMap': new Map()}...原创 2019-11-23 20:12:56 · 703 阅读 · 0 评论 -
animate.css 自定义动画
在使用animate.css 的时候 动画的高度超过了预期的高度在这种情况下肯定是过不了测试的，怎么办的？<div class="fold-div animated " :class="{'slideInDown':foldDivHeightShow}"</div>上边代码可以知道 用的是 slideInDown 动画 看看他源码怎么写的？slide...原创 2019-10-18 17:57:25 · 926 阅读 · 0 评论 -
vue修改样式不成功
style 中 scoped 会使 修改的样式 不成功<style scoped lang="scss">@import "../../assets/scss/multipleTest.scss";.multiple-div { display: flex; height: 100%; flex-direction: column; // height...原创 2019-07-08 08:40:10 · 1963 阅读 · 0 评论 -
vue input v-model 限制长度
vue input v-model 限制长度, 有 @input 、@keypress 等方法 ，这里使用 maxlength<a-input placeholder="100个字符以内，必填" v-model="inum.content" maxlength="100"></a-input>试试…...原创 2019-07-11 08:56:41 · 4499 阅读 · 0 评论 -
vue put 提交 400 Bad Request(有时候可以提交成功)
vue put 提交 400 Bad Request(有时候可以提交成功)，证明是参数携带有问题用swagger-ui 测试接口 同样的数据又可以请求成功猜测 传递的字符是否格式不一样 ，用 encodeURI(params.answer)进行编码let url = 'lw-class-interaction/question/question-content?questi...原创 2019-07-11 09:02:08 · 3187 阅读 · 0 评论 -
Module build failed Error ENOENT no such file or directory, scandir
重新npm install 提示：Module build failed: Error: ENOENT: no such file or directory, scandir ‘E:\qt\lw_malaing_pen\node_modules\node-sass\vendor’解决方法：npm rebuild node-sass原创 2019-07-11 09:06:09 · 3592 阅读 · 0 评论 -
Current existing ChromeDriver binary is unavailable, proceding with download and extraction
npm install --save XXXCurrent existing ChromeDriver binary is unavailable, proceding with download and extraction.Downloading from file: https://chromedriver.storage.googleapis.com/2.46/chromed...原创 2019-07-11 09:13:12 · 4691 阅读 · 0 评论 -
npm install 失败，Error EPERM operation not permitted, unlink 需要管理员身份
npm install 失败，Error EPERM operation not permitted, unlink 需要管理员身份用管理员的方式 打开 dos窗口， cd 到项目中 执行 npm install原创 2019-07-11 09:16:23 · 2665 阅读 · 0 评论 -
vue is
is 用法 <ul> <li is='my-component'></li> //自己写的组件</ul><!-- 组件会在 `件名` 改变时改变 --><component :is="组件名变量"></component>使用第二种方法未使用 is 代码<a-tabs ...原创 2019-08-07 15:01:28 · 252 阅读 · 0 评论 -
vue 父组件 监听子组件 事件 （强制刷新子组件的）
子组件改变父组件传递的 参数 不刷新① 子组件上 添加 v-if② 父组件 监听数据this.reFresh= false this.$nextTick(()=>{ this.reFresh = true })##具体实现子组件<template> <a-input> <a-ico...原创 2019-07-08 08:32:26 · 5873 阅读 · 0 评论