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)
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ElementUI+vuex 기반 양식 유효성 검사 공유(5.6 빠른 추가 설명)프로젝트는 vue+elementUI를 기반으로 한 백그라운드 관리 시스템입니다.프로젝트에서 표에 대한 검증이 많이 언급되었는데 초기에 프로젝트의 진도를 감히 하기 위해 이 백엔드 시스템의 표 검증에 대해 통일을 하지...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.