How does Mini Program make the js file of a custom component receive the parameters of the parent?

recently made a Mini Program, because several different pages have list information, so the list is used as a common component list. You want to pass the interface api of the current page to the list common component when referencing on different pages, so that the list will display different data on different pages. However, when passing parameters, the wxml template file of the list common component can receive the parameters passed by the parent component, and the js file can not get the parameters. Tried that this.properties.url received a null value. Relations tried and couldn"t find it. Ask the Great God for advice

the following is the parent index.wxml file

index.js

list.wxml

list.js

Big Boss, please take a look at what"s wrong. Thank you

.
Javascript
Mar.19,2021

there is no such thing as this.properties.url in Mini Program. This is a bit the same as vue's idea, only this.data.url. There is an observer to indicate the response function when the attribute value is changed. These are all

in the document. 
properties: {
    url:{
      type:String,
      value:'',
      observer: function (newVal, oldVal) {
        console.log(newVal, oldVal) 
        console.log(this.data.url)
       }
    }
  }

Previous: C-sharp generic method reports an error

Next: In vue, the data is stored in localstroage, and now the data stored in localstroage is used. How to take it out

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu