随笔分类 - vue
关于vue的记录
摘要：本来是用的jeecg-vue3中的上传组件，如下图： 功能上还是蛮全的，就是上图中这个链接的代码死活找不到，查了下，是基于antv的a-upload实现的。但是antv中也没找到，上图这个只有移入删除的功能 但是我这边的需求是点击链接可以直接在网页预览，而不是下载，移入后有个删除和下载的功能按钮。
阅读全文
摘要：老规矩先看效果图： 这玩意的坑是相当的多，如果只是单纯的网页浏览，真心建议直接使用 <iframe> 来进行嵌入pdf吧，省心也省事 我这边的web页面是需要放到客户端里面的，然后由于某些原因吧，不支持显示iframe嵌入的pdf网页，只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧，我尽
阅读全文
摘要：data是接口返回的数据，例如：['交流500kV','交流220kV'] let newData = []; let newData2 = []; const map = { 交流500kV: "500kV", 交流220kV: "220kV", 交流110kV: "110kV", 交流35kV:
阅读全文
摘要：关于vue项目中，重新渲染当前路由， 路由跳转的时候，生成一个当前的时间戳，作为唯一值（t） this.$router.push({ path:"/xxx", query:{ t:Date.now(), }, }); 在app.vue中的<router-view>传递t给key，以达到重新渲染的目的
阅读全文
摘要：首先提出一点！ 在vue中使用 setInterval(),切记需要将其绑定到window上面，不然的话，你是没有办法进行控制其关闭与否的 讲一个我自己在工作中遇到的需求吧先：右侧模块中。自动进行滚动，滚动到底之后，返回顶部继续滚动，并且鼠标移入暂停，移出继续滚动 当看到这个需求的时候，我第一个想法
阅读全文
摘要：vue项目中经验： 1.后台发送过来的json文件是一维数组2.我需要像swiper传递过去数据（注： 我的swiper里面放的不是图片，而是一个个小小的选项）如下图 一页存放8个，有2页，但是传递给我的json数据是一个一维数组所以需要改成二维数组然后再v-for这个二维数组，之后再v-for取出
阅读全文
摘要：局部引用示例： 1.首先，先进行下载安装 命令： npm install --save swiper 2.在局部页面中引入（一般用于首页） 注：vue项目哦// html代码 写的有点过于简陋，不过主要就是这个格式 <div class="swiper-container"> <div class=
阅读全文
摘要：我是通过git clong 路径 的方式新建一个的 将内容copy过去，然后 git status 查看状态 然后 git add . 添加进去 然后 git commit -m '初始化项目' 然后 git push 就可以了 1.查看工作树是否干净 git status : 查看工作状态 2.创
阅读全文
摘要：首先还是进行安装: npm install postcss-px-to-viewport --save-dev 安装完成之后.我们需要去更改一个js文件 > postcss.config.js文件 如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的 在这个文件中: 如图:
阅读全文
摘要：实现图片的懒加载：当要显示的时候才去加载 第一步：npm安装： npm install vue-lazyload --save 第二步：在main.js中 导入 ： improt VueLazyLoad from 'vue-lazyload' 第三步：安装插件 Vue.use(VueLazyLoad
阅读全文
摘要：fastclick插件可以解决移动端300ms延迟 那么怎么使用它呢？ 很简单：首先是要安装这个插件 例子：npm上的安装： npm install fastclick --save 安装完成之后，在main.js 文件中 1.导入fastclick ： improt FastClick from
阅读全文
摘要：vue的 高级用法 为了减少组件之间代码的重复问题 官方给的例子： 自我理解： 在common文件夹中新建一个mixin.js的文件，在这个文件里我们创建一个mixin对象，在这里我们可以存放其他组件共用的一些内容 可以存放：data,methods,created,mounted,甚至是compo
阅读全文
摘要：这次搞这个轮播图的公共组件，倒是没有被打脸呢 脑子：绝对可以 手：我擦，居然真可以 脑子：啥意思啊？？？ 手：牛B 因为轮播图也是公共组件，所以将轮播图的组件之间copy到components中的common中去 至于使用就更简单了， home组件中，我们打算展示轮播图！。那么首先我们要有数据啊，好
阅读全文
摘要：昨天下午搞了一下午的错。哈哈哈，太佩服自己咯， 脑子：我全会了哟，肯定就是这样没错，道理我都知道了，嗯就是这样 手：emmm，楼上是个sha bi ，我按着楼上的来搞，全是错！！！虽然最后还是靠着楼下把错一点点解决了 今天早上，我又从新搞了下，发现一个可怕的事情，我创建完项目后，第一步就给卡死了！！
阅读全文
摘要：本来我以为,之前搭建过几次了.应该一下就可以了. 没想到,我还是犯了些错误. 挺低级的错误呢 一开始,我重新整了一个工作区.然后我安装vue-router没有全局安装,所以老是出错 恶心+1 后来我找到了为啥.就安装呗,安装倒是挺顺利的,然后我就开始搞目录结构 这个搞完.我打算直接把上次项目中公共的
阅读全文
摘要：举个例子: 我们直接执行了一个 refresh(),这个refresh函数会被执行30次, 这样的话就太过于频繁了,我们就可以将refresh放入防抖函数中去,生成一个新的函数,之后,我们就使用新的函数 这个新生成的函数,并不会非常频繁的调用,如果下一次执行来的非常快,那么会将上一次的取消掉; 上面
阅读全文
摘要：在vue中，我们父子之间通信简单明了： 父组件向子组件传值： props， 在父组件中，用 ：要传递过去的名字 = “ 要传递的值 ”。 在子组件中 使用props:{}接受即可 子组件向父组件传值：$emit. 通过自定义方法， 在子组件中，我们使用this.$emit('方法名'，参数)，向父组
阅读全文
摘要：首先呢,我们要知道,原生的元素都是可以监听点击事件的 例如: <div> <button>等,我们都是可以直接监听点击事件的 但是在vue中, 想要监听组件的点击事件,必须加上修饰符 > @click.native="" 必须加上native才可以哟
阅读全文
摘要：1.目录结构划分（src里面的【源码中的目录结构划分】） assets 文件夹： 资源的意思（用于存放图片等资源） > 1.img文件夹 2.css文件夹 》 1.normalize.css 》在GitHub上面下载下来，作用：统一标准， 2.base.css 》自己创建（body等样式） comp
阅读全文
摘要：第一步，进入GitHub，创建一个新的库 然后复制链接： 然后进入vscode中，在终端中，git clone 复制的链接（https://github.com/LY17java2-gengbiao/supers.git） 这样就会在vscode中生成一个supers项目 将我们新建的 （vue c
阅读全文
