本文主要是介绍云音乐小程序管理系统(五)——HTTP API调用云数据库实现歌单更新,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
更新查询每一条的数据
在歌单列表可以获取后,面领着新的问题,如何实现歌单的更新,即编辑功能
首先要让编辑有意义,那么肯定就得现有一个编辑的点击事件。
<template slot-scope="scope"><el-button size="mini" @click="onEdit(scope.row)">编辑</el-button>
VUE中对前端控件添加方法,使用的是@click
,因为编辑肯定是需要获取到每一行的信息,所以我们用定义的scope来获取每行的ID
点击事件跳转到一个新的页面,即我们的编辑页
// 编辑功能onEdit(row) {// 跳转,并且通过row取到对应的值idthis.$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(
这篇关于云音乐小程序管理系统(五)——HTTP API调用云数据库实现歌单更新的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!