- 博客(19)
- 收藏
- 关注
RSS订阅原创 elmentUl,Form 表单使用resetFields()之后数据消失不见
elmentUl,Form 表单使用resetFields()之后数据消失不见
2022-07-05 15:46:08
950
2
原创 vue3 setup语法糖获取$refs dome元素，使用属性方法
父组件<UploadImg @imgurl-emit="imgurlEmit" ref="uploadImg"></UploadImg>import { getCurrentInstance } from '@vue/runtime-core';const { proxy } = getCurrentInstance()proxy.$refs.uploadImg.handleRemove()子组件const handleRemove: UploadProps['onRe
2022-05-10 10:39:47
1291
原创 vue3+ts笔记
父传子父组件 <HelloWorld msg="盛典" /> //父组件子组件 defineProps<{ //ts传值接受 name: string }>()子传父子组件 <button @click="click_aa">点击</button> /*ts专有*/ const emit = defineEmits<{ (e: 'clickThis', num: string): void
2022-04-22 15:51:41
1350
1
原创 tab栏切换时 echarts渲染问题（详细分析）
最近写项目中用到tab栏切换，第二个tab需要渲染echarts，然后发现echarts无法显示我通过分析发现是因为tab切换后，填充数据那个div高度为0，并且这时候setOption已经执行了解决办法1：给echarts容器固定住宽高，缺点:没办法自适应解决办法2：在tab切换的后重新加载echatrs <Chart ref='refChart'></Chart> handleClick({ name }) {//点击tab切换 if (n
2022-04-20 10:06:41
6180
1
原创 vue实现横向时间轴
最近项目需求一个横向的时间轴看了看elmentUi只有一个纵向的，干脆自己手撸一个效果图如下： <div class="Timeline"> <h2>操作数据</h2> <div class="timeaxis"> <div v-for="(item,i) in list" :key="i"> <div class="timea
2022-04-20 09:21:51
5840
1
原创 Vue计算属性传值
因为项目需求 需要对后端返回的数据做一些操作，直接使用函数效率较低，computed有缓存效果，返回值为一个函数就可接收到参数 computed: { dataList() { return (val) => { //val就是传递过来的值 } } }...
2022-04-08 16:40:46
1736
原创 vue配置eslint
vscode下载插件Prettier - Code formatter，创建文件.prettierrc与·package.json同级目录{ "semi": false, "singleQuote": true, "printWidth": 200}创建文件.eslintrc.js 与·package.json同级目录module.exports = { root: true, parserOptions: { parser: 'babel-eslint',
2021-09-15 11:34:22
157
原创 vue中鼠标拖动div，（多个div）跟随卡顿问题
vue写法非常的卡顿 <div v-for="(item, i) in cardList" :key="item" :ref="'box' + (i + 1)" :class="'card card' + item" @mousedown="down($event, i + 1)" @mousemove="move($event, i + 1)"
2021-09-06 17:45:57
1949
原创 在vue中使用百度地图的MapVGL 添加自定义模型图层（gltf模型）
找遍全网没有有用信息，看来就只能自己摸索了，今天就说一下vue中怎么加载glft简单分析问题:主要的坑就是vue每个文件都是模块化，都需要loader解析的（css，js，vue模板等等），但是就是没有解析glft第一种方法使用axios请求线上地址。需要后端配合，直接跳过需要loader的前端模块化第二种方法把文件放入public中，使用http://localhost:8080/glft 直接请求本地文件是不是很简单，哈哈哈...
2021-07-14 17:29:08
2177
11
原创 vue百度地图获取当前定位并显示mark，坐标地址解析
1.先安装好vue百度地图这是一个组件<template> <div> <baidu-map :center="center" :scroll-wheel-zoom="true" :zoom="zoom" :style="{ height: height, width: width }" @ready="initMap" @click="handler"> <bm-marker :position="point" :dragging="t
2021-05-06 14:56:26
1425
2
原创 微信小程序日历
微信小程序日历父组件change方法接收<calendar bind:change="change" />组件<!--components/calendar/calendar.wxml--><view class="calendar"> <view class="title flex"> <view class="flex"> <picker value="{{selectDay.year+'-'+selectDay.
2021-04-23 12:08:45
365
原创 vue中使用百度地图获取经度纬度
百度地图获取定位放在public/index.html页面 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xwZFVgduNKdzeckYPyvQcA1fcVUUqyBL"></script> mounted() { var geolocation = new window.BMap.Geolocation() geolocation.getCurr
2021-04-14 17:53:51
492
原创 微信小程序树状菜单
数据结构(可修改wxml结构显示) data: { id: "29998aace7bcc40e0597f04fc1133407", name: "测试数据请打开", children: [ { id: "29998aace7bcc40e0597f04fc1133407", name: "总路长" }, { id: "29.
2021-03-22 17:18:50
1542
原创 vue中使用video.js播放m3u8格式的视频(可切换视频)
vue中使用video.js播放m3u8格式的视频下载video.jsyarn add video.jsyarn add videojs-contrib-hls // 播放hls流需要的插件（关键）在main.js中引入video.js// 引入videojsimport Video from 'video.js'import 'video.js/dist/video-js.css'import 'videojs-contrib-hls'Vue.prototype.$video = Vi
2021-02-25 12:25:13
3867
6
原创 vue使用ECharts点击事件不能执行的坑（点击第一次没反应第二次才执行）
html区域<template> <div id="echarts_bazaar" style="width: 100%; height: 90%" @click="spik()"></div></template>函数区域spik() {const myChart = this.$echarts.init(document.getElementById(‘echarts_bazaar’))myChart.on(‘click’, functi
2021-02-25 12:03:52
4534
原创 Vant Weapp（微信小程序）Uploader 文件上传没有删除功能
Vant Weapp（微信小程序）Uploader 文件上传没有删除功能最近使用vant小程序ui时发现上传了图片竟然不能删除，这就很尴尬了，但是这当然难不到我了，首先右键检查一下元素发现删除图标有个方法deleteItem去查找原代码发现源代码有个delete方法可以传给父组件，父组件接收一下看看有什么发现给了点击删除按钮的下标。这就简单了用数组splice方法删除这个下标图片，删除完成后把图片再给父组件，删除成功注：第一个父组件是基于vant原文件然后自己写的components，第二个父
2021-01-25 11:01:41
4016
3
原创 vue二级路由不显示页面bug
vue路由跳转不显示页面bug子路由页面path不需要+ ‘/’一级路由path需要+ ‘/’，记得写 <router -view />
2021-01-11 14:04:09
4454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人