elementtransfer 더블 클릭 왕복 실행(render-content 통과)

6786 단어 element-ui
참조 링크
<el-transfer
   v-if="reportName === 'multicol'"
   v-model="dfkm"
   :data="data"
   :props="props"
   :render-content="renderFunc"
   :titles="[' ', ' ']"
   :button-texts="[' ', ' ']"
 />
data() {
     
 return {
     
    props: {
     
      label: 'kmmc',
      key: 'kmdm'
    },
    data: [],
    jfkm: [], //  
    dfkm: [], //  
  }
}
renderFunc(h, option) {
      //   return   jsx 
 return <el-tooltip class='item' effect='dark' content={
     option.kmmc} placement='top-start'><span on-dblclick={
      () => this.dblclick(this.dfkm, option)}>{
      option.kmdm }-{
      option.kmmc }</span></el-tooltip>
},
dblclick(modelV, option) {
      //    
  //      v-model , push, 
  if (modelV.includes(option.kmdm)) {
     
    const index = modelV.indexOf(option.kmdm)
    modelV.splice(index, 1)
  } else {
     
    modelV.push(option.kmdm)
  }
}

좋은 웹페이지 즐겨찾기