我们平时用到的下拉框都是在js里直接给的数组,那么在接收后台传值时,这种方式是不可用的,那该怎么办呢,我们可以用带id和name的参数来接收后台的传值。我们可以把它写在组件中,这样作为一个公用的下拉框,其他文件直接引用select组件就好啦。(注意!!在其他文件引用时一定要在.json文件里的usingComponents引用)
1.js文件
// Componet/Componet.js
Component({
/**
* 组件的属性列表
*/
properties: {
propArray:{
type:Array,
}
},
/**
* 组件的初始数据
*/
data: {
selectShow:false,//初始option不显示
nowText:'',//初始内容
animationData:{}//右边箭头的动画
},
/**
* 组件的方法列表
*/
methods: {
//option的显示与否
selectToggle:function(){
var nowShow=this.data.selectShow;//获取当前option显示的状态
//创建动画
var animation = wx.createAnimation({
timingFunction:"ease"
})
this.animation=animation;
if(nowShow){
animation.rotate(0).step();