74 lines
1.2 KiB
JavaScript
74 lines
1.2 KiB
JavaScript
|
// pages/components/deep-select/index.js
|
||
|
|
Component({
|
||
|
|
/**
|
||
|
|
* 组件的属性列表
|
||
|
|
*/
|
||
|
|
properties: {
|
||
|
|
columns:{
|
||
|
|
type:Array
|
||
|
|
},
|
||
|
|
placeholder:{
|
||
|
|
type:String
|
||
|
|
},
|
||
|
|
selectValue:{
|
||
|
|
type:String
|
||
|
|
},
|
||
|
|
selectIndex:{
|
||
|
|
type:String
|
||
|
|
},
|
||
|
|
},
|
||
|
|
/**数据监听 */
|
||
|
|
observers: {
|
||
|
|
columns: function (val) {
|
||
|
|
this.setData({
|
||
|
|
item:val[0],
|
||
|
|
value:val.length == 0?"":val[0].text
|
||
|
|
})
|
||
|
|
},
|
||
|
|
selectValue:function(val){
|
||
|
|
this.setData({
|
||
|
|
value:val
|
||
|
|
})
|
||
|
|
},
|
||
|
|
selectIndex:function(val){
|
||
|
|
this.setData({
|
||
|
|
index:val
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 组件的初始数据
|
||
|
|
*/
|
||
|
|
data: {
|
||
|
|
show: false,
|
||
|
|
value:'',
|
||
|
|
item:'',
|
||
|
|
index:''
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 组件的方法列表
|
||
|
|
*/
|
||
|
|
methods: {
|
||
|
|
showPopup() {
|
||
|
|
this.setData({ show: true });
|
||
|
|
},
|
||
|
|
onClose() {
|
||
|
|
this.setData({ show: false });
|
||
|
|
},
|
||
|
|
onSelectChange(e){
|
||
|
|
console.log(e)
|
||
|
|
this.setData({
|
||
|
|
item:e.detail.value
|
||
|
|
})
|
||
|
|
},
|
||
|
|
onConfirm(e){
|
||
|
|
this.setData({
|
||
|
|
value:this.data.item.text
|
||
|
|
})
|
||
|
|
this.triggerEvent('change',this.data.item)
|
||
|
|
this.setData({ show: false });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|