随笔分类 - vue
摘要：动态赋值本地图片的src，本来以为可以在请求接口之后增加一个参数，使用require拼接引入，结果不行，于是看了一下网上的资料，原来要在html中将图片当成模块来引入，再绑定 <img :src="require('../../assets/images/test.jpg')" alt="pictu
阅读全文
摘要：1、vue2使用Object.defineProperty方法实现响应式数据，vue3使用proxy实现响应式数据 Object.defineProperty的缺点： 无法检测到对象属性的动态添加和删除 无法检测到数组的下标和length属性的变更 解决方法： vue2提供Vue.$set动态给对象
阅读全文
摘要：1、局部样式与全局样式 局部样式：一般都是使用scoped方案： <style lang="scss" scoped> ... </style> 全局样式：variable.scss 全局变量管理；mixins.scss 全局Mixins管理；global.scss 全局样式 其中variable.
阅读全文
摘要：动态组件和异步组件其实在实际开发中是经常需要用到的。之前自己的做法总是根据选中的状态去判断该显示的内容，一直忽略了vue里面本身就有的这么个功能 基本使用： <template> <div> <el-button-group> <el-button v-for='(btn, index) in bt
阅读全文
摘要：在vue2.1.0版本后，keep-alive新加入了两个属性：include（包含的组件缓存生效）与exclude（排除的组件不缓存，优先级大于include）。 include和exclude属性允许组件有条件的缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示。（当使用正则或者是数组
阅读全文
摘要：实际工作中，经常有遇到一个页面初始需要多个请求的情况，也尝试过async去做，不过效果感觉不是很满意，之前也知道axios中有个all()的方法可以做多个请求，但是没有仔细去了解，今天看到一篇文章有写到这方面的知识，刚好自己也学习一下。 用axios.all()、axios.spread()这两个函
阅读全文
摘要：今天工作，做到图片上传的，后端说让我压缩了之后再发送请求，好吧，之前都没有做过压缩，这是又要让我get一种技能的节奏，于是百度找了一圈，发现一个应该是可以用的 localResizeIMG 遗憾的是，看到了笔着这样的说明： 本来想换一个，可是看到这个评价还可以，于是就决定用这个了 根据他的说明，先获
阅读全文
摘要：使用is属性，可以轻松实现导航切换效果 例子： html部分： css部分： js部分：
阅读全文
摘要：在使用vue做项目的过程中，有时候刷新页面的时候，原本应该隐藏的东西会在页面闪一下然后再隐藏，以前一直没有留意，知道最近，终于忍受不了这样的情况出现，然后就在vue的api中去查找，结果还真的找到了解决方法，就是使用v-cloak。 官网的说法：这个指令保持在元素上直到关联实例结束编译。和 CSS
阅读全文
摘要：今天工作过程中遇到个问题，就是在vue页面操作更改data里面是数据之后，页面并没有得到渲染，使用了watch也是不行。后来同事提醒，才知道vue中有这么个实例方法，可以强制渲染 用法：在执行完变更操作之后使用
阅读全文
摘要：正常我们想要使用一个组件，需要经过三步： 这样做本身没有问题，但是组件多了的话就麻烦了，看了网上一些资料，说可以借助一下webpack，使用require.context()方法来创建自己的模块，从而实现自动动态require组件。 思路是：在src文件夹下面main.js中，借助webpack动态
阅读全文
摘要：1、查了一下网上的资料，发现以下方法有效 2、可是，有时候不能直接禁用，而是要返回指定的路由地址，于是： 其中this.goback()是mothods中的方法，可以自定义返回地址，例如： 3、以上两个方法出现的情况都是因为浏览器有记录跳转路由，因为之前基本路由跳转都是用的router.push()
阅读全文
摘要：一、安装 @vue/cli 更新到3.x之后，vue-cli的包名从vue-cli改成了@vue/cli 如果之前全局安装了旧版本的vue-cli（1.x或2.x），首先需要使用一下命令卸载掉 然后重新安装新版本的@vue/cli 安装完成后，可以使用vue -V（这个V是大写的）查看版本号 二、创
阅读全文
摘要：npm： main.js： 正常使用： 可是当你想自定义每个图片的loading效果的时候就不行了，翻看了几遍官网才发现有可以解决的方法 重点是下面这句，他可以直接识别你对象里面的src、error、loading：
阅读全文
摘要：.stop .prevent .capture .self .once .passive input输入框中的修饰符
阅读全文
摘要：实际工作中，发现每次发布都要清缓存，不然新改的东西就没有办法生效，于是就想到在打包文件名后面添加版本号，于是经过了一番百度之后，找到了办法 1、先定义一个时间戳， 2、在打包配置中加上时间戳 这个是我们自己目前在做的项目的配置，用vue-cli3.0搭建的，然后最外层添加vue.config.js配
阅读全文
摘要：代码 监听返回 因为这个页面有跳转其他页面的路由，所以在组件的路由钩子里也清了缓存 禁用返回 history对象 window可以省略，直接使用history1、window.history.back() : 后退2、window.history.forward() : 前进3、window.his
阅读全文
摘要：安装插件 如果cli版本小于3：需要配置webpack.base.conf.js 在vue-cli 3版本中，需要在根目录中添加文件vue.config.js，然后写入下面配置 main.js中引入 搞完这些，就可以放心大胆的使用了。
阅读全文
摘要：在做微信分享，也是遇到了许多的坑，记录一下流程，以后做到可以直接用。 安装sdk 整体步骤 1.我是新建了一个js文件wxapi.js。 2.在wxapi.js中引入sdk以及配置一些基本信息（相关的配置内容是后台返的） 3.在需要做分享的页面引入wxapi.js，调用里面的方法 大概代码如下： w
阅读全文
摘要：vue-cli 3.0搭建的项目中搭配的vue-router，默认的路由方式是hash模式，但是，使用hash模式时，浏览器url地址仲会有一个#。 本来微信支付的时候，拉起支付访问mweb_url，支付成功或者取消支付，默认应该返回的是发起支付的页面，但是由于发起支付的页面路由中带有#，所以微信直
阅读全文
浙公网安备 33010602011771号