element中在表格中使用popover的方法

        <el-table-column v-if="activeName === 'first' " prop="eventAlias" label="自定义事件名称">
          <template slot-scope="scope">
            {{scope.row.eventAlias}}
        <el-popover trigger="click" :ref="`popover-${scope.$index}`" placement="top" width="320">
           <div class="popover_wrap">
                <el-input v-model="nameValue" class="popover_style" placeholder="输入事件名"></el-input>
                <el-button type="primary" size="small" @click="saveName(scope)">确定</el-button>
              </div>
              <i slot="reference" style="cursor: pointer;" class="el-icon-edit left" @click="editName(scope.row)"></i>
        </el-popover>
          </template>
        </el-table-column>
 
 
 
 
scope._self.$refs[`popover-${scope.$index}`].doClose()
posted @ 2020-09-24 14:08  peter_168  阅读(2216)  评论(0)    收藏  举报