qq_38502227的博客

// 获取视频信息getVideoPlayerInfo(file) { return new Promise(resolve => { const videoElement = document.createElement('video'); videoElement.src = URL.createObjectURL(file); videoElement.addEventListener('loadedmetadata', function() { res

const ua = navigator.userAgent let isAndroid = ua.indexOf('Android') > -1 let isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) let isWechat = ua.indexOf('MicroMessenger') > -1 let isAlipay = ua.indexOf('AlipayClient') > -1

web端连接融云（无UI集成）聊天室遇到的问题1.发送自定义消息：客户端（安卓、IOS）接收不到内容，原因：客户端未注册自定义消息类型 https://docs.rongcloud.cn/v4/5X/views/im/ui/guide/private/conversation/msgsend/ios.html#custommsg2.图片消息发送图片的略缩图是需要base64字符串且不超过80kb,方法：拿到图片的url，然后用 canvas.toDataURL(‘image/jpeg’, 0.8)，注：

// vue3 + vite2 框架const getBase64Image = (url) => { return new Promise((resolve, reject) => { var image = new Image() image.src = url + '&v=' + Math.random() // 处理缓存 image.crossOrigin = '*' // 支持跨域图片 image.onload = () => { var ca

<template> <div :class="['enter-text' ,'description']" > <div></div> <div class="select-opation"> <a-upload accept="image/*" list-type="picture" v-model:file-list="fileList" class="upload-list-inline"> <im

错误如下：解决方法：在文件中全局搜索sourcetree, 然后将所有有关的 sourcetree文件全部删除，包括项目中 .git文件夹中的sourcetree.config文件，再重新安装就可以了（多搜索几遍，确保所有的sourcetree文件都删除了）从官网下载的souretree需要登陆，可以在%LocalAppData%\Atlassian\SourceTree\ （直接复制到地址栏回车一下就可以找到）文件中新建accounts.json ,重新启动sourcetree就可以跳过登录了/

//已测试export const delUser = (id) => { return axios.post("/user/remove", null, { params:{ id, } })}

<template> <div> <el-dialog class="add-comparison" title="添加" :visible="visible" @update:visible="updateVisible" width="540px" > <div class="content"> <div class="default-scro

方法1<template> <div> <div class="head" @click="this.numFun(0,5000)">点击金额变动</div> <div>{{amount}}</div> </div></<template> <script>export default { data () { return { amount:

<a download href="../tpl/template.xlsx"> 下载模板 </a> <!-- href='模板的路径'（一般放public文件里） --> <div style="margin-top:20px;padding-left:70px;"> <el-upload ref="upload" action="#" :show-file-list="false" :on-cha.

效果图： <div class="permissions-information-content" v-for="(data, index) in newJurisdictionData" :key="data.id" > <el-checkbox :label="data.code" @change="checkAllChildren($event, data, ind

前言：刚好遇到这个问题，亲测有效1.完整报错信息2.解决在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。

前端用法(已验证可用)let regex = "(?<province>[^省]+省|.+自治区)(?<city>[^自治州]+自治州|[^市]+市|[^盟]+盟|[^地区]+地区|.+区划)(?<county>[^市]+市|[^县]+县|[^旗]+旗|.+区)?(?<town>[^区]+区|.+镇)?(?<village>.*)";let address = "安徽省淮南市大通区大通街道某某某";console.log(address.ma

//弹框用的是elementUI组件<template> <div> <el-dialog class="set-key-world" title="设置" :visible="visible" @update:visible="updateVisible" :close-on-click-modal="false" width="800px" > <div..

1.菜单权限//permission-button.js文件，在main.js中引入//用法 <div v-has="1001">权限按钮</div>import Vue from "vue";const has = Vue.directive("has", { inserted: function(el, binding, vnode) { let hasPermisssion = Vue.prototype.$_has(binding.value);

<template> <div> <el-dialog :title="title[type]" :visible="visible" @update:visible="updateVisible" width="540px" > <div class="content"> <div class="content-reminder">

//首先创建一个mack.vue {{text.title.trim()}} //css

npm install echarts --save//main.jsimport Vue from "vue";import echarts from "echarts";Vue.prototype.$echarts = echarts;

overlayScrollbars<template> <div class="user-footprint"> <!---滚动条插件-overlay-scrollbars --> <overlay-scrollbars ref="osComponentRef" :options="osComponentOptio...

最近用element中drawer组件作弹框，发现里面的文本域会自动获取焦点，不符合UI设计，因此只能继续修改了 <el-input type="textarea" v-model="cardEndTips" @focus="changeValue(0)"></el-input>export default { data() { return { ...

this.form={ a:1, b:2, c:3, d:[ {e:4}, {f:5} ] } //父组件(这种传值会将引用指向同一个地址，导致修改了子组件值会导致父组件也被修改) this.dialog={ visible: true, params: this.form } //方法1 let newData = JS...

注意:vue JavaScript 的用法OverlayScrollbars// 1.安装 npm install overlayscrollbars npm install overlayscrollbars-vue// 2.main.js中引用import Vue from "vue";import "overlayscrollbars/css/OverlayScro...

<div class="dialog_wrapper" @click.self="close()" v-show="visible"> <div class="dialog-setting" v-show="visible" :style="{width:dialogWidth}"> <!-- 弹框的内容（用的是element框架的弹框）---&gt...

上图是element UI中自带的清空按钮下图是我需要的清空按钮/***修改：在element UI文档上找到默认的清空按钮，然后找到默认按钮的content属性，直接替换content的值就可以***/.el-input__suffix { .el-input__suffix-inner { border-color: none; .el-ico...

<template> <div name="tapanle"> <div class="container"> <div v-for="(item,index) in data" :key="index"> <div class="title"> <div>{{ite...

<template> <!-- input 未输入或输入错误提示 --> <div class="alsrtInfo" :style="{display: visible}"> <div class="profPrompt_test"> <div>{{tipsContent}}</div> ...

问题显示如下：解决方法：将Router改成router改完之后的效果：

问题：点击切换表、元件、测试、发布栏是，地址栏路径有变化，但是页面却没变化最后上网百度到是因为router.js里面的路由写的有问题，如下是之前的路由现在是改过的把路由里的children注释了，就可以随路由切换页面了...

vue-cli3 安装完后，遵循零配置的理念真的简洁了很多开始开发后调试console.log时发现后台报错：Unexpected console statement (no-console)虽然报错但是前台也能执行输出，但是后台看着心里也不爽，在网上搜罗了一下，这是eslint校验代码比较严格造成的，解决办法有以下两种 也相当简单1，使用window.console.log 代替cons...

这是个大坑，虽然我自身并没有踩过这个坑。是前两天我朋友跟我说的。附上代码 <div id="app"> <ul> <li v-for="item in obj"> {{ item }} </li> </ul> <button @click...

//main.js//错误的写法import router from "./router";router.beforeEach((to, from, next) => { console.log(this.$localStorage.get("token"));next();});//main.js//正确的写法import router from "./router...

如果没有在main.js中引入** import “./mock/index” ** ，就会显示如上图这种情况如下是mock.js简单的用法npm install mockjs --save-dev注意：若是没有安装axios，需 npm install axios --saveimport "./mock/index"List item...

删除vue项目中node_modules包时，再去npm install 居然报错了，然后大佬就给了我下面这段命令先运行npminstall-gmirror-config-china然后再运行npm install运行完就解决问题了...

出现的原因是：未正确引入Radar组件将components:RadarChart =======> 改成components:{ RadarChart }就OK了

出现的原因一般时钩子函数写法有问题或者是为空，如修改mounted钩子函数就正常了

// router 中 index.jsimport Vue from "vue";import Router from "vue-router";import Login from "@/components/Login/Login";import Container from "@/components/Admin/container";// radar 文件夹中有个index.js...

// router 中 index.jsimport Vue from "vue";import Router from "vue-router";import Container from "@/components/Admin/container";import BarChart from "@/components/Admin/chart/bar/barChart";import...

<template> <div class="text-demo"> <div> <div class="inputBox"> <el-input class="text_input" v-model="input" placeholder="请输入内容"></el-input> ...

npm run dev 之后就出现如图上的错误，一开始以为是昨天测试git提交回滚出现的错来，后来百度之后是host文件被修改。我又打开C:\Windows\System32\drivers\etc 本地的hosts文件，将之前修改的地址注释掉(联调后端本地接口地址：https://blog.youkuaiyun.com/qq_38502227/article/details/91531189)，还是不行。...

在最新的vue-cli的main.js中引入scss文件，结果报了以下的错误我查了很多资料都说是build 文件下util.js 和 base.config.js中重复配置了sass-loader{ test: /\.scss$/, use: [ { loader: 'style-loader' // creates style nod...