如何根据不同条件在Vue中动态显示相应的长尾词按钮？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1093个文字，预计阅读时间需要5分钟。
我简单说说，家还是直接看代码吧。模板中使用slot-scope来绑定作用域，el-button元素中v-if根据作用域判断是否显示，点击事件用于调用lowerShelf函数。按钮大小为mini，类型为primary，样式为plain。下架按钮：el-button size=mini。否则显示：el-button size=mini。
我就废话不多说了，大家还是直接看代码吧~
<template slot-scope="scope"> <el-button v-if="scope.row.isDeleted === 0" @click="lowerShelf(scope.row.id)" size="mini" type="primary" plain>下架</el-button> <el-button v-else size="mini" type="primary" plain>已下架</el-button> </template>
补充知识：vue 过滤器之根据不同的类型渲染不同的字段
本文旨在分享如何利用vue过滤器，实现简单、高效的对同一个字段不同的字段值，渲染出不同的内容。
本文共计1093个文字，预计阅读时间需要5分钟。
我简单说说，家还是直接看代码吧。模板中使用slot-scope来绑定作用域，el-button元素中v-if根据作用域判断是否显示，点击事件用于调用lowerShelf函数。按钮大小为mini，类型为primary，样式为plain。下架按钮：el-button size=mini。否则显示：el-button size=mini。
我就废话不多说了，大家还是直接看代码吧~
<template slot-scope="scope"> <el-button v-if="scope.row.isDeleted === 0" @click="lowerShelf(scope.row.id)" size="mini" type="primary" plain>下架</el-button> <el-button v-else size="mini" type="primary" plain>已下架</el-button> </template>
补充知识：vue 过滤器之根据不同的类型渲染不同的字段
本文旨在分享如何利用vue过滤器，实现简单、高效的对同一个字段不同的字段值，渲染出不同的内容。