
vue
好记性真不如烂笔头
这个作者很懒,什么都没留下…
展开
-
vue其他js文件使用this
【代码】vue其他js文件使用this。原创 2023-03-28 20:45:02 · 447 阅读 · 0 评论 -
el-tree改变默认渲染的label和children字段
el-tree改变默认渲染的label和children字段。原创 2023-01-30 16:04:39 · 1968 阅读 · 0 评论 -
Avoided redundant navigation to current location
字面意思,当前路由跳转到当前路由了。简而言之就是a跳转到a路由。原创 2022-12-01 20:45:43 · 237 阅读 · 0 评论 -
_this.$refs.[‘xxx‘].instance.xxx调用子组件报undefind问题
this.$nextTick()等子组件加载完毕在调用。父组件加载完,但是子组件没有加载。,可以在父子组件通过生命周期查看。原创 2022-11-14 00:15:12 · 109 阅读 · 0 评论 -
echarts地图自定义图片在vite构建的vue3项目引入问题
官网:https://cn.vitejs.dev/guide/assets.html。地图本地引入图片显示成功,vite打包没有将图片打包进dist文件夹。引入图片要按照vite的静态资源引入方式。没有形成依赖,vite不会将其打包。原创 2022-10-10 17:50:14 · 561 阅读 · 0 评论 -
vue3去除警告
api地址:https://cn.vuejs.org/api/application.html#app-config-warnhandler。注意:只能去掉vue规则下的警告,其他插件,例如echarts不能去掉。原创 2022-09-16 15:05:26 · 2000 阅读 · 0 评论 -
动态显示当前北京时间
记录好复制jsfunction showTime() { let time var week = new Array( "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" ); var date = new Date(); var year = date.getFullYear(); var month原创 2022-04-28 11:57:35 · 653 阅读 · 0 评论 -
将arraybuffer数组转换成base64
工作记录后端传回的验证码格式是arraybuffer格式,需要将其转换成二进制,再转换成base64格式的图片axiosexport const getVerificationCode = () => { return service({ method: 'post', url: "/api/sysUser/image", responseType: 'arraybuffer' })}jshtml:<img clas原创 2022-04-24 23:07:02 · 2832 阅读 · 1 评论 -
点击echarts地图,高德地图跳转对应位置(显示海量点标志和信息窗体)
工作记录echarts地图:默认安装了echarts和引入四川的地图jsongetShowMan<template> <div class="app-container"> <div id="main"></div> </div></template><script>import * as echarts from "echarts";import sichuan from '@/utils/原创 2022-02-26 18:34:06 · 1706 阅读 · 1 评论 -
v-for给每一个item单独绑定方法
工作记录代码:<template> <div id="container"> <button class="demo" v-for="(item,itemKey) in itemList" :key="itemKey" @click="itemFun(item)">{{itemKey}}</button> </div></template><script>export default { nam原创 2022-02-17 23:12:31 · 755 阅读 · 0 评论 -
‘infoWindow‘ is assigned a value but never used no-unused-vars
工作记录报错代码 let infoWindow = new AMap.InfoWindow({ isCustom: true, //使用自定义窗体 });解决:加注释:// eslint-disable-line no-unused-vars let infoWindow = new AMap.InfoWindow({// eslint-disable-line no-unused-vars isCustom: true, //原创 2022-02-13 23:02:01 · 177 阅读 · 0 评论 -
this.$refs.xxx报Cannot read properties of undefined (reading ‘xxx‘)“
工作记录背景:父组件在通过this.$refs获取子组件的属性和方法子组件: <alarmareasasd v-if="optype == 'fence'" ref="setfenceref" @callback_fun_choice_area="callback_fun_choice_area" @callback_fun_choice_close="callback_fun_choice_clos原创 2022-01-08 14:15:14 · 13565 阅读 · 1 评论 -
v-for动态绑定图片
工作记录背景:v-for中需要动态绑定图片和文字,Data数据需要用以下个格式: src: require("…/…/…/public/img/bg/user.png"),html:<div class="article-data"> <div class="data-item" v-for="(allnums, allnumkey) in statisticalInfo" :key="allnumkey" &原创 2021-09-25 23:35:00 · 509 阅读 · 1 评论 -
elementUI的el-switch的使用
工作记录背景:el-switch绑定值的问题第一种:v-model绑定布尔值<template> <el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"> </el-switch></template><script>export default { name: "hom转载 2021-09-08 00:57:56 · 16889 阅读 · 0 评论 -
Avoid using non-primitive value as key, use string/number value instead
Vue中的v-for使用错误(工作记录)背景:v-for使用过程中被要求加个key,Vue不提倡使用对象或数组作为key。错误原因:使用过程中有多个v-for,key名字可能相同了。解决:key名字不一样v-for使用一:<template> <swiper :options="swiperOptions" class="swiper-container"> //item是banner遍历的数组,indexKey是key <swiper-slide v原创 2021-08-03 23:01:05 · 127 阅读 · 0 评论 -
取消eslint和取别名
工作记录:脚手架三取消eslint和取别名背景:脚手架三创建vue项目,配置文件已经隐藏起来了,不推荐修改项目的配置。方式一在package.json同级目录下创建vue.config.js(名字不可变,vue会解析该名字文件)写入配置:module.exports = {lintOnSave: false,devServer: {overlay: {warnings: true,errors: true}},configureWebpack: {resolve:{alias原创 2021-08-01 22:19:44 · 176 阅读 · 0 评论