浏览模式: 普通 | 列表
5月, 2022 | 1
在vue较多使用的是axios请求,请求后的回调函数中,this不能指向当前vue实例,打印出来是undefined;

1,let that = this,常用的存储this的方法,定义一个全局变量把this存储下来。
getSerTime:function(){
         //存储this指针,防止this在第三方组件中改变指向。也有同学喜欢 let _this = this;
         let that = this ;
         Vue.axios.get(root + '/api/findInfoDetail').then((response) => {
                console.log(response.data);
                console.log(this);
                console.log(that);
         })
...

阅读全文…

CDN 引入 axios 和 Qs 及其使用方法

[ 2022-05-03 16:07:47 | 作者: admin ]
通常一些小型的项目,没必要大费周章的搭建脚手架,直接以CDN的方式引入vue.js 即可享受到vue的便利性

那么我们想用到vue中的一些功能,比如axios 呢。

注意:Axios与Qs必须配合使用,否则后台会拿不到数据

CDN引入:

Axios:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

Qs:
<script src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>

使用方法:

             const url = `/server/api/`;
             axios.post(
                url,
                Qs.stringify({mobile:
...

阅读全文…

axios post提交数据的三种请求方式

[ 2022-05-03 15:53:32 | 作者: admin ]
p.s. axios默认使用 Content-Type: application/json 传递参数,后台可以使用字符串进行接收,然后再解析。
如果需要使用普通的表单格式Content-Type: application/x-www-form-urlencoded,请求时需要使用Qs.stringify()转换格式



1、Content-Type: application/json
import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
         console.log('res=>',res);
})
...

阅读全文…
不同于 var 或 let 关键字,必须在常量声明中为其赋值。下面的例子中会报错:

// SyntaxError: missing = in const declaration
const COLUMNS;


在声明语句中为其赋值:
const COLUMNS = 80;


const, let 还是 var?
如果你并不想声明一个常量值,那么就不要使用 const 关键字。或许你想要的是使用 let 来声明一个块状作用域变量或者是用 var 声明一个全局变量。这两者都不需要设置初始值。
let columns;
1