vue项目的选择星级样式和axios依赖调用

样式：

<select v-model="score">
        <option v-for="s in scoreList" :key="s" :value="s">
          {{ s }} 星
        </option>
      </select>

代码

mounted() {
    this.loadComments()
  },

渲染页面完成后，调用函数。

导入axios使用http链接

import axios from 'axios'

使用例子如下：

  axios.get('http://localhost:8080/comment/list', {
        params: {
          productId: this.productId
        }
      }).then(res => {
        this.commentList = res.data.data
      })

就是链接请求：

举例：

http://localhost:8080/comment/list? productId=1001;

axios的post

axios.post('/comment/add', {
        productId: this.productId,
        userId: this.userId,
        content: this.content,
        score: this.score
      }).then(() => {
        alert('评论成功')
        this.content = ''
        this.score = 5
        this.loadComments()
      })

其中的productId，userId，content，score以json传给后端，

后端以

RequestBody接收。