vue 动态控制button按钮颜色及内容

需求 —
根据后端数据，动态渲染button按钮个数，且分为两种不同类型按钮（断开、闭合）

dom部分

          <el-table-column label="控制">
            <template slot-scope="scoped">
              <el-dropdown>
                <span class="el-dropdown-link">
                  点击操作
                  <i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item v-for="item in outInfo" :key="item.id" ref="dowmItem">
                    <span>{
  {item.outName}}</span>
                    <span>
                      <el-button
                        plain
                        size="small"
                        :type="buttonType(item.btnMark)"
                        @click&