用vue.js代码完成调查问卷数据的获取,在控制台打印或用弹出框的方式输出调查问卷的数据内容。调查问卷内容自拟
时间: 2023-03-24 08:03:57 浏览: 85
使用vue做的简单的在线问卷调查
非常感谢您的问题。以下是我的回答:
可以使用vue.js的axios库来获取调查问卷的数据内容。首先,需要在vue.js的组件中引入axios库,然后使用axios.get()方法来获取数据。获取到数据后,可以使用console.log()方法在控制台打印数据内容,或者使用alert()方法在弹出框中显示数据内容。
以下是示例代码:
<template>
<div>
<button @click="getData">获取数据</button>
</div>
</template>
<script>
import axios from 'axios';
export default {
methods: {
getData() {
axios.get('/api/survey')
.then(response => {
console.log(response.data);
alert(JSON.stringify(response.data));
})
.catch(error => {
console.log(error);
});
}
}
}
</script>
在上面的代码中,我们使用了axios.get()方法来获取调查问卷的数据内容,这里假设调查问卷的数据接口为/api/survey。获取到数据后,我们使用console.log()方法在控制台打印数据内容,或者使用alert()方法在弹出框中显示数据内容。
希望这个回答能够帮助您。如果您有任何其他问题,请随时问我。
阅读全文