浏览模式: 普通 | 列表
分类: Vue.js | < | 1 | 2 | 3 |

vue2.0基本使用方法(详细版)

[ 2022-05-05 09:19:30 | 作者: admin ]
基本框架
阅读全文…
  
JavaScript 的日益发展带来了很多变化,当今的 Web 开发面貌已经变得截然不同。在几年前是很难想象在服务器上运行 JavaScript 的。

阅读全文…

在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);
})
...

阅读全文…
< | 1 | 2 | 3 |