并沒有多次調(diào)用,有人遇到過這種情況嘛?
components 組件
<el-table-column
:width="width"
:prop="propChild"
:label="label"
:editable="editable"
:render-header="renderHeader"
:fixed="fixed"http://該屬性會(huì)使renderHeader函數(shù)多調(diào)用一次
:search="search"
:popover="popoverChild"
:fieldExtra="fieldExtra"
:param="paramChild"
:callback="callback">
</el-table-column>
renderHeader(createElement, {column,$index}){//這里是根據(jù)type判斷
if(this.search === true){
if(this.renderType === 3 || this.renderType === 7){
return this.renderInput(createElement,{column,$index})
}
else if(this.renderType === 5){
return this.renderCheckboxSelect(createElement,{column, $index})
}
else if(this.renderType === 6){
return this.renderDate(createElement,{column, $index})
}
}else{
return column.label
}
},
renderCheckboxSelect(createElement,{column, $index}){//構(gòu)建頭部多選select框
return createElement(
"div",
{
class:"filters",
style:{
//樣式
padding: '0',
overflow: 'visible'
}
},
[
column.label,
createElement(
"el-popover",
{
props:{
placement: 'bottom',
width: '273',
trigger: 'click',
popperClass: 'popover-search',
value: this.popoverChild
}
},
[
createElement(
"el-select",
{
class:"filter-select",
props:{
placeholder: this.placeholder,
popperClass: "phase-select",
multiple: true,//只要是多選,render函數(shù)會(huì)多調(diào)用一次
value: this.paramChild,
clearable: this.isClear,
},
on:{
input: value => {
console.log(value)
this.paramChild = value
this.callback && this.callback()
}
}
},
[
this.fieldExtra.template.items.map(item => {
return createElement(
"el-option",
{
props:{
value: item.content,
label: item.content
},
key: item.content
}
)
})
]
),
createElement(
"a",
{
domProps:{
innerHTML: '搜索',
},
style:{
cursor:'pointer',
marginLeft:'5px',
color: '#55a3f8',
},
on:{
click: () => {
let paramVal = {
field_key: this.prop,
value: this.paramChild,
label: column.label
}
console.log(paramVal)
this.popoverChild = false
this.$emit("paramBack", paramVal)
}
}
}
),
createElement(
"i",
{
slot: "reference",
class: this.filterIcon,
style:{
cursor:'pointer',
marginLeft:'5px'
},
on:{
click:() => {
this.popoverChild = true
}
}
}
)
]
)
]
)
},
//這里是我引用組件
<vue-SearchColumn
v-for="item in projectInvestorHeaderList"
:key="item.field_key"
:prop="item.field_key"
:label="item.field_innername"
:renderType="item.field_type"
:search="item.search"
:fieldExtra="item.field_extra"
:fixed="item.fixed"
:param="item.value"
:width="item.width"
@linkTos="investorRouterTo"
@paramBack="paramBack"></vue-SearchColumn>
現(xiàn)在是邏輯代碼走通了,但是因?yàn)楹瘮?shù)調(diào)用多次使得popover彈出框 彈出多個(gè),現(xiàn)在不知道如何解決這個(gè)問題
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。