随笔分类 - vue
1
摘要：今天一个项目，在vue打包过程中，出现Unexpected token: punc (,) [./node_modules/@vant/popperjs/dist/index.esm.mjs:69 这样的错误提示依赖包使用了es6，但是未经过babel-loader解析用sourceMap：”sou
阅读全文
摘要：provide的使用方法：在父组件中定义provideprovide和data，methods同级provide中返回值是一个对象，相当于将对象中的内容注入到子孙组件子孙组件使用inject: [ 由provide键名组成的数组 ] ，来获取父级组件的方法或者其他属性具体看代码父组件： provid
阅读全文
摘要：<span v-show="show" @click="getCode" class="getCode">获取验证码</span> <span v-show="!show" class="count">{{count}}s后重新获取</span> data(){ return { show: tru
阅读全文
摘要：新项目中遇到了登录时点击用户协议，进入协议页面让用户阅读，然后返回登录页面时发现原来填写的手机号验证码全都没有了。 解决方案：使用keep-alive 在vue.app中添加keep-alive标签。<template> <div id="app"> <keep-alive> <router-vie
阅读全文
摘要：在 window.addEventListener('scroll', this.handleScroll,true)加了个true 就会成功。
阅读全文
摘要：1 在本地建一个文件夹 2 按住shift键同时右键，选择进入在此处打开powershell 窗口，就可以进入这个文件的终端 3 在终端里面执行 npm install vue-devtools 完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入其中，将
阅读全文
摘要：在data()定义全局变量data(){ return{ chart: null }} 在使用插件方法中最前面添加if (this.chart != null && this.chart != "" && this.chart != undefined) { this.chart.dispose()
阅读全文
摘要：谢谢大家，我知道了，可以通过info来获取，dataRef会将没有属性全部展示出来，如下： onSelect = (selectedKeys, info) => { Message.info(selectedKeys); console.log(info); console.log(info.nod
阅读全文
摘要：话不多说看问题： 当封装自定义组件时例如（自定义下拉列表）两个相同的组件在多次v-if变化时偶尔会发生渲染错误，明明赋值正确但是组建中的ajax方法可能返回的数据乱掉，或者其他神逻辑错误。 经过查询发现正确的做法，在官网中已经明示： key 预期：number | string key 的特殊属性主
阅读全文
摘要：npm run dev 错误提示： { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 解决方法： 找到你的工程文件夹里的 YourProName\node_modules\vue-loader\l
阅读全文
摘要：表格加载 <el-table :data="tableData" row-key="target_id" v-loading="loading" element-loading-text="小主别急" border > async getAllIndicatorNameList() { this.l
阅读全文
摘要：在Vue-cli中使用lang="less"时报错：Module build failed: TypeError: this.getOptions is not a function at Object.loader (D:\WORK\VueProject\XiaoWei\node_modules\
阅读全文
摘要：1. v-model 表单输入绑定 使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 <template> <div> <input class="login-input" type="text" v-model="username" pla
阅读全文
摘要：一、axios的封装 在vue项目中，和后台交互获取数据这部分，通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。它有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。 安装 引入 一般在项目的src目录中，新建一个re
阅读全文
摘要：vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。一.要想本地正常的调试，
阅读全文
摘要：1.router.push(location) window.history.pushState 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。 1 2 3 4 5 6 7 8
阅读全文
摘要：前言： 因最近移动端开发过程中遇到一个运营提出的所谓技术难点需求，对于原生APP来说轻而易举，毕竟自己的APP用户操作指哪打哪，但是H5该怎么做?H5就实现不了么？对于一个爱研究攻克这些前端棘手问题的我来说，我没尝试过，我是拒绝对提出需求者说实现不了，做不到之类的。 是什么需求呢？--需求方要求用户
阅读全文
摘要：最近在项目中需要用到axios，所以就恶补一下这个axios到底是什么东东。越来它是vue-resource的替代品，官网也说了，以后都用axios， vue-resource不在维护。那么这个axios怎么用呢，上网搜索了一大堆，基本上都是雷同，我也不知道那些作者有没有在本地测试过。至少我按照网上
阅读全文
摘要：1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下 将首次触发请求写在created钩子函数中,就能实现缓存,比如列表页,去了详情页
阅读全文
摘要：前言 在上一篇项目搭建文章中，我们已经下载安装了node环境以及vue-cli，并且已经成功构建了一个vue-cli项目，那么接下来，我们来梳理一下vue-cli项目的结构。 总体框架 一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了
阅读全文
1
浙公网安备 33010602011771号