getsampledata() { this.$http.get("/sample/count").then(res=>{ //console.log(res); if(res.data.status == 200){ this.sampledatalist = res.data.data; }else{ this.$message.error(res.data.message); } }) },将上述请求换成异步请求

可以使用 async/await 来实现异步请求，具体的代码实现如下：

async getsampledata() {
try {
const res = await this.$http.get("/sample/count");
if(res.data.status == 200){
this.sampledatalist = res.data.data;
} else {
this.$message.error(res.data.message);
}
} catch (error) {
console.log(error);
}
}

使用 async/await 可以让代码更加简洁易读，同时也方便进行错误处理。需要注意的是，async/await 是 ES2017 的语法，使用前需要确保该语法在目标浏览器中被支持。

相关问题

this.$get("~/api/user/count?" ,p);

这段代码调用了一个自定义的Vue.js方法"$get"，用于向服务器发送一个GET请求并获取响应数据。

具体来说，该方法接受两个参数："~/api/user/count?"和p对象。第一个参数是一个字符串，表示请求的URL地址，其中"~"表示当前网站的根目录，"~/api/user/count?"表示访问该网站的"/api/user/count"接口。第二个参数p是一个包含"username"属性的对象，用于向服务器传递"username"参数。

该方法的实现方式可能类似于以下代码：

Vue.prototype.$get = function(url, params) {
  return new Promise((resolve, reject) => {
    axios.get(url, {params: params}).then(response => {
      resolve(response.data);
    }).catch(error => {
      reject(error);
    });
  });
};

其中，Vue.prototype.$get是Vue.js框架中的一个自定义方法，用于发送GET请求。该方法接受两个参数：请求的URL地址和请求参数。在该方法内部，使用axios库发送GET请求，并通过Promise对象返回响应数据。这样一来，在代码中就可以通过this.$get方法来发送GET请求并获取响应数据了。

handleUpdate(a,b) { // console.log(b); this.$get("/school/"+b.schoolId).then((res) => { this.form = res.data.school; this.open = true; this.title = "修改学校管理"; }); }, newList(){ this.$get('/school') .then(res => { this.schools = res.data.school console.log(this.schools); }) },

这段代码是Vue.js组件中的方法。handleUpdate(a,b)和newList()是两个不同的方法，分别用于处理更新和获取学校列表的操作。

在handleUpdate(a,b)方法中，a和b是两个参数。在这个方法中，使用了Vue.js封装的异步请求方法$this.$get(url)来获取指定学校的信息，其中的变量b.schoolId指定了要获取的学校的ID。当请求成功后，将获取到的学校信息赋值给组件中的form对象，并将open变量设置为true，以打开学校管理的弹窗。最后，将title变量设置为“修改学校管理”。

在newList()方法中，使用了同样的异步请求方法$this.$get(url)来获取学校列表数据，请求成功后将数据赋值给组件中的schools数组，并在控制台中打印出来。