子組件:
點(diǎn)擊事件傳值
<div class="search-scan">
<div>
<van-row>
<van-col :span="12">
<div :class="[fla,'scan-search-year']" style="font-size:3vw;"
@click="onBindColumn">{{selectColumn}}<i class="el-icon-caret-bottom"></i></div>
<div :class="[fla,'scan-search-year']" style="font-size:3vw;"
@click="onBindDir">{{selectDir}}<i class="el-icon-caret-bottom"></i></div>
</van-col>
<van-col :span="12">
<div :class="[fla,'scan-search-box']">
<input type="text" ref="search" v-model="search">
<button class="search-btn" @click="toSearch()">搜索</button>
</div>
<div :class="[fla,'high-search-box']" @click="toHighSearch">高級(jí)搜索</div>
</van-col>
</van-row>
</div>
</div>
js:
toSearch(){
this.$emit('child-event',this.cid,this.did,this.search)
},
父組件(頁(yè)面):
<Searching @child-event="toSearch"></Searching>
直接寫方法:
data代表傳過(guò)來(lái)的值 ...data表示數(shù)組
toSearch(...data){
if(this.search !== ''){
this.$api.post(
`/msdg/no/content/getpuso`,
{
"content":{
"page":1,
"size":10,
"word":data[2],
"column_id":data[0],
"direction_id":data[1]
}
},
res =>{
switch (res.code){
case 500:
Toast(res.msg);
break;
case 0:
console.log('搜索')
console.log(res)
this.qkList= res.data.list
break;
}
}
)
}else{
Toast('請(qǐng)輸入搜索內(nèi)容')
}
},