小程序自定义组件/JS数组汇总

608 阅读1分钟
  • 小程序自定义组件

小程序自定义组件内接收父级页面传递的参数

父级页面:

<comp-line chart="hello word"></comp-line>
//chart 为传递给子组件的参数

子组件接收:

properties: {    
    chart: {
        type: String
    }
},

//在子组件的 .js 文件中, properties 对象内配置接收属性type
属性的类型可以为 String Number Boolean Object Array 其一,也可以为 null 表示不限制类型。

初始化接收参数:
onLoad: function(){
     let chart = this.properties.chart;   
    //console.log(chart) hello word
}

  • 自定义组件 初始化数据加载

/*** 组件的方法列表*/
methods: {
    onLoad:function(){
        //console.log(this.properties.chart)
    }
},
//在组件在视图层布局完成后执行
ready: function(){
    this.onLoad()
}

  • js 变量转字符串

//lineChart: {
   chart1:{},
   chart2:{}
}
var chartID = this.properties.chart //chart1
lineChart[chartID].showToolTip()
//当lineChart对象需要定位到 chart1时,可以用 lineChart[chartID] 
  • 动态往对象里边添加一项

let obj = {"name":"tom","age":16}
let key = "id";
let value = 2
obj[key] = value;