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

참조 링크

<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)
  }
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

element-ui 대화상자 기반el-dialog 초기화 검사 문제 해결

페이지를 새로 고치지 않고 el-dialog를 다시 열 때, rules나 어떤 값을 연결하려면required가 필요합니다. 자동으로 검사됩니다. 여러 개의 블로그를 살펴본 결과, 자주 사용하는 두 가지 해결 방법이 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다