vue学习第05天

最新推荐文章于 2024-10-14 13:22:38 发布

给我来个鸡腿

最新推荐文章于 2024-10-14 13:22:38 发布

阅读量316

点赞数

分类专栏： Vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_41072190/article/details/122226120

版权

Vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

作用域插槽

<!-- 状态 -->
<el-table-column prop="mg_state"
label="状态"
width="100">
    <template slot-scope="scope">
    <!-- {{scope.row}} -->
    <el-switch v-model="scope.row.mg_state"
    @change="userStateChanged(scope.row)">
    </el-switch>
    </template>
</el-table-column>

带请求参数

const { data: res } = await this.$http.get('users', { params: this.queryInfo })

动态参数

// 用户状态改变
async userStateChanged (userInfo) {
    console.log(userInfo)
    // 请求路径：users/:uId/state/:type
    const { data: res } = await this.$http.put(`users/${userInfo.id}/state/${userInfo.mg_state}`)
}