云音乐小程序管理系统（五）——HTTP API调用云数据库实现歌单更新

更新查询每一条的数据

在歌单列表可以获取后，面领着新的问题，如何实现歌单的更新，即编辑功能

首先要让编辑有意义，那么肯定就得现有一个编辑的点击事件。

<template slot-scope="scope">
          <el-button size="mini" @click="onEdit(scope.row)">编辑</el-button>

VUE中对前端控件添加方法，使用的是@click，因为编辑肯定是需要获取到每一行的信息，所以我们用定义的scope来获取每行的ID

点击事件跳转到一个新的页面，即我们的编辑页

 // 编辑功能
    onEdit(row) {
   
    // 跳转，并且通过row取到对应的值id
      this.$router.push(`/playlist/edit/${
   row._id}`) 
    }

编辑信息，那么我们肯定就需要从数据库中获取到我们需要的信息。所以向后端发送资源请求命令。获取对应资源信息

// 根据ID查询每条指令的详情
export function fetchById(params) {
   
  // 发送请求
  return request({
   
    params,
    url: `${
   baseUrl}/playlist/getById`,
    method: 'get'
  })

在后端我们定义一个工具类，用于存放在云数据库中操作的信息

const getAccessToken = require('./getAccessToken.js')
const rp = require