vue
vue
可笑万物
这个作者很懒,什么都没留下…
展开
-
Vue中elementUI的两种引入方式
全局引入elementUIimport ElementUI from ‘element-ui’;import ‘element-ui/lib/theme-chalk/index.css’;Vue.use(ElementUI);按需引入elementUI先下载插件 npm install babel-plugin-component -D修改babel.config.js文件plugins: [ [ 'component', { libraryName:原创 2022-03-27 19:41:37 · 1280 阅读 · 0 评论 -
【es6模板字符串拼接只输出一个的小问题】
近日,E charts上的功能 需要根据返回的数据去动态展示设置鼠标悬停的效果 显示表格或者其他形式 在拼接输入的时候卡住了首先是E charts的formatter函数 写在这里面其次 是 es6这个模板字符串 后台返回的数据 去进行循环遍历的时候 怎么设计这个拼接比如 在for循环里面 先声明个空数组 一定要是数组拼接一下li 再在外面 拼接这个变量数组formatter: function (params, ticket) { if (params.data.fdata !==原创 2022-01-04 18:11:58 · 132 阅读 · 0 评论 -
【vue 实现表格上下平滑滚动 完整代码】
<template> <div class="Search"> <!-- 利用 ul+li 设置平滑滚动--> <div class="mainBox"> <div class="topTit"> <P>这是标题</P> </div> <div class="tit"> <span class="t原创 2022-01-04 18:12:40 · 409 阅读 · 0 评论 -
【关于vue函数的内部函数拿不到data数据】
vue2的this太常见了this指向问题正常是return 里定义一个 比如说City在methods里的函数获取的话 直接this.city今天在动态获取数据的时候 一个钩子里面是我的回调函数回调函数里面还内嵌了一个函数 在这个函数里面死活就拿不到请求到的数据 在外层是正常输出的我觉得一定是this的问题,但是忘了this还可以再次改变指向添加let _this=that然后成功输出数据了。接下来直接用这个就行了。【this指向可以多次改变】...原创 2022-01-03 11:38:32 · 2372 阅读 · 0 评论 -
【vue表格实现平滑滚动的小bug】
是我在借鉴大佬的js表格实现平滑滚动的效果后,放在我的项目里。刚开始把数据写死的时候,列表可以正常上下平滑滚动但是吧 真实情况下。数据肯定是活的就想着先本地模拟一下数据。看看后端需要什么格式的数据bug来了<div id="roll_box" @mouseover="rollStop()" @mouseout="rollStart(60)"><ul id="comment1"> <li v-for="item in tableData" :key="item.Id原创 2022-01-03 11:37:25 · 159 阅读 · 0 评论 -
【E charts堆叠柱状图之图例】
困扰的一个小问题 就是写了两排总共八个图例 想着怎么让他们分两行排列 查了很久 因为感觉E charts官网的东西很少 没找到最后才发现data: [‘1’, ‘2’, ‘3’, ‘4’, ‘’, ‘5’, ‘6’, ‘7’, ‘8’],正常这不是八个图例吗在想要分行的地方后面加个空 则即可换行成功itemHeight: 12, //图例的大小itemGap: 5, //图例之间的行距...原创 2022-01-03 11:35:32 · 574 阅读 · 0 评论 -
【 for 和 for in】
今天 在写E charts的series的时候。需要循环遍历获取的数据的时候想着series利用for循环for(let i=0;i++;i<res.length){series.push({})}没有数据 输出一下。发现为空但是没想到 series为空试了一下 for(let i in res){}诶嘿嘿 竟然成功了这才明白普通for循环 不能遍历对象for in可以遍历对象...原创 2022-01-03 11:34:35 · 77 阅读 · 0 评论 -
【swiper下(E charts)点击事件失效问题】
在vue里面使用了E charts,想着做一个轮播图,就使用了swiper结果轮播图OK了 但是点击事件没反应了也想到是事件的类似冒泡 捕获的设置 但是迟迟没有找到看了一些资料 才发现原来swiper下有相关设置touchStartPreventDefault:false //添加这个属性 不阻止事件官方是这么介绍的阻止touchstart (mousedown)的默认事件,设置为false则不阻止。touchStartPreventDefault信息类型:boolean 默认:tru原创 2022-01-03 11:32:57 · 748 阅读 · 0 评论 -
【axios集中管理接口】
首先创建https.js 基本公共的//创建axios的一个实例let instance = axios.create({ baseURL:'', timeout: 6000})// 一、请求拦截器 忽略instance.interceptors.request.use(function (config) { return config;}, function (error) { // 对请求错误做些什么 return Promise.rejec原创 2022-01-03 11:31:37 · 87 阅读 · 0 评论 -
【vue里服务器代理 axios 个人】
想写个axios的demo 发愁没有接口就注册了 聚合数据 申请了一下。每天50次还可以axios初次调用跨域了解决:在项目下找到 vue.config.vue 文件(没有 则 新建,和src同级)proxy: {//聚合数据 的天气 接口'/api': {target:‘http://apis.juhe.cn’, //想要调用的接口写这里 changeOrigin:true, pathRewrite: {‘^/api’:’’ // 在组件写请求 直接api代替原创 2022-01-03 11:29:32 · 303 阅读 · 0 评论 -
【IDEA误删文件的解决办法】
右键选择项目 打开本地历史找到自己的历史版本然后点击返回标志12h以内都可以也是上午自己误删了文件弄了老久了之前一直用的vs code 但是由于内网原因 选择了IDEA 真的很强大原创 2022-01-03 11:26:57 · 285 阅读 · 0 评论 -
【vue项目npm下载依赖失败的问题】
昨天的项目 下载依赖的时候报错This is an error with npm itself. Please report this error at: npm ERR!说什么是npm自己的错误后来看了下资料 把依赖和lock.json暂时删除npm cache clean --force 。 运行该命令 想要清理缓存。提示我 警告然后npm cache clear --force && npm install --no-shrinkwrap --update-binary我原创 2022-01-03 11:24:32 · 621 阅读 · 0 评论 -
【git 克隆失败解决方法】
git 克隆失败解决方法本来想着克隆一下别人的GitHub代码,直接git clone +url 会报错unable to access ‘https://github.com/biubiubiu01/EchartsMap.git/’: Failed to connect to github.com p我本来以为 是因为链接GitHub太慢了 后来看了一下资料 发现并不是解决办法:git clone https://github.com/biubiubiu01/EchartsMap.git以上改原创 2021-12-13 20:47:28 · 3749 阅读 · 1 评论