axious onclick事件如何将_this获取的get数据赋值给元素

如果你想在点击事件中将获取的数据赋值给某个元素，可以使用箭头函数来确保this的指向。在箭头函数中，this指向的是定义时所在的对象，而不是运行时所在的对象。

例如：

data() {
  return {
    posts: []
  }
},
methods: {
  fetchPosts() {
    axios.get('/api/posts')
      .then(response => {
        this.posts = response.data
      })
      .catch(error => {
        console.log(error)
      })
  },
  handleClick() {
    this.fetchPosts()
  }
}

这个例子中，fetchPosts方法使用axios获取数据后，将获取的数据赋值给了组件的data选项中的posts属性。handleClick方法调用了fetchPosts方法，用于处理点击事件。

在模板中，可以使用@click指令来绑定点击事件，并在事件中调用handleClick方法：

<template>
  <div>
    <button @click="handleClick">Fetch Posts</button>
    <ul>
      <li v-for="post in posts" :key="post.id">{{ post.title }}</li>
    </ul>
  </div>
</template>

这个例子中，点击Fetch Posts按钮会触发handleClick方法，从而调用fetchPosts方法获取数据并将其赋值给posts属性。最后，将posts数组中的每个元素的title属性渲染到页面中。