vue 怎么写个判断， <el-button type="text" size="mini" icon="el-icon-delete" @click="handleDelete(scope.row)" v-if="scope.row.finishTime" v-hasPermi="['workflow:process:remove']" >删除</el-button> <el-button type="text" size="mini" icon="el-icon-circle-close" @click="handleStop(scope.row)" >取消</el-button>，已完成显示删除，没完成显示取消

可以使用三元表达式来判断，代码如下：

<el-button
  type="text"
  size="mini"
  icon="el-icon-{{ scope.row.finishTime ? 'delete' : 'circle-close' }}"
  @click="scope.row.finishTime ? handleDelete(scope.row) : handleStop(scope.row)"
  v-hasPermi="['workflow:process:remove']"
>
  {{ scope.row.finishTime ? '删除' : '取消' }}
</el-button>

通过 `scope.row.finishTime` 来判断任务是否已完成，如果已完成，则按钮显示为删除，点击按钮调用 `handleDelete` 方法；如果未完成，则按钮显示为取消，点击按钮调用 `handleStop` 方法。同时使用插值语法来动态显示按钮文字。

相关问题

<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" >新增</el-button>点击按钮没有反应

这个问题可能是由于`handleAdd`方法没有正确绑定导致的。你可以检查以下几点：

1. 确保`handleAdd`方法已经正确定义和实现，并且在组件的`methods`选项中进行了声明，例如：

methods: {
  handleAdd() {
    // your code here
  }
}

2. 确保组件中的`el-button`标签和`handleAdd`方法之间已经正确绑定，例如：

<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>

3. 如果你使用了Vue.js框架，请确保你的Vue实例已经正确创建并挂载到DOM上，例如：

const app = new Vue({
  el: '#app',
  data: {
    // your data here
  },
  methods: {
    handleAdd() {
      // your code here
    }
  }
})

如果你已经检查了以上几点，还是无法解决问题，可以尝试在浏览器控制台查看是否有报错信息，以便更好地定位问题所在。

import Vue from 'vue' import App from './App.vue' import { Button,Row,DatePicker } from 'element-ui'; Vue.config.productionTip = false Vue.component('atguigu-button', Button); Vue.component('atguigu-row', Row); Vue.component('atguigu-date-picker', DatePicker); new Vue({ el:'#app', render: h => h(App), }) <atguigu-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button> <el-button type="info">信息按钮</el-button> <el-button type="warning">警告按钮</el-button> <el-button type="danger">危险按钮</el-button> </atguigu-row> <atguigu-date-picker type="date" placeholder="选择日期"> </atguigu-date-picker> <atguigu-row> <el-button icon="el-icon-search" circle></el-button> <el-button type="primary" icon="el-icon-s-check" circle></el-button> <el-button type="success" icon="el-icon-check" circle></el-button> <el-button type="info" icon="el-icon-message" circle></el-button> <el-button type="warning" icon="el-icon-star-off" circle></el-button> <el-button type="danger" icon="el-icon-delete" circle></el-button> </atguigu-row> 页面没有样式效果,可能是什么原因

这段代码中引入了 Element UI 的 Button、Row 和 DatePicker 组件，但是没有引入相应的样式文件。Element UI 的组件需要对应的样式文件才能正常显示样式效果。你需要在代码中引入 Element UI 的样式文件，可以在 main.js 中添加以下代码：

import 'element-ui/lib/theme-chalk/index.css';

或者在 index.html 中引入样式文件：

<link rel="stylesheet" href="//unpkg.com/element-ui/lib/theme-chalk/index.css">