Elemenu中el-table中使用el-popover选中关闭无效解决办法

主要是技术太菜,没找到原因,一点点才找到这个办法解决

因为在el-table-column里,因为是多行,使用trigger="manual" 时,用v-model="visible"来控制时,控件找不到这个值,才换成trigger="click"

先找到弹出关闭事件,再找元素的属性

右键>审核元素,找到他的单击事件,里面就有关闭的属性

使用ref定位,js中根据ref修改是否显示showPopper = false;

页面大概代码

<el-table-column>
    <template slot-scope="scope">
        <el-popover :ref="col.prop+'_'+scope.$index" trigger="click" >
            <span slot="reference" @click="ev_gytj_clk(scope.row,scope.$index)">{{ scope.row[col.prop] }}</span>
		</el-popover>
    </template>
</el-table-column>

js代码

ev_gytj_clkitem(row,index,item){			
			row.gytj=item
			//Popper选中关闭		
			this.$refs['gytj_' + index][0].showPopper = false
		},