cssjshtml vue.js if过滤 if多个值

葫芦

发布于 2019-08-19 09:43:50

3.4K0

发布于 2019-08-19 09:43:50

文章被收录于专栏：葫芦葫芦

葫芦的运维日志

实现功能：

通过表单内每行根据status的数值，控制是否显示button。过滤数值的是一个数组列表。

              <el-button
                v-if=chenck_number(scope.row.status)
                size="mini"
                type="primary"
                @click="search_dada(scope.$index, scope.row)" round>达达查询</el-button>

实现方法:

data 中定义数组check_numbers，v-if控制button显示，关联方法chenck_number。

check_numbers: [0, 1, 2, 3, 4, 7, 8, 9, 20, 50]

      chenck_number(status) {
        let flag = false
        this.check_numbers.forEach(function (item, index) {
          if (item === status) {
            flag = true
            return true

          }
        });
        if (flag === true) {
          return true
        }
        return false
      },

葫芦的运维日志

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019/08/15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

运维