小程序wxml页面输入数据源传值给js
时间: 2023-05-25 12:07:11 浏览: 236
微信小程序第三章 wxml页面渲染数据绑定(二)
在wxml页面中,可以通过data属性来定义数据源。例如:
```html
<!-- 定义一个名为message的数据 -->
<view data-message="Hello World"> {{message}} </view>
```
在对应的js文件中,可以通过setData()方法来获取数据源中的值。例如:
```javascript
Page({
data: {
message: ''
},
onLoad: function (options) {
// 通过setData()方法获取数据源中的值
this.setData({
message: options.message
})
}
})
```
在这个例子中,我们使用了options来传递数据源的值。在小程序中,可以通过路由传参的方式来传递数据源的值。在路由中,可以使用query属性来传递数据源的值。例如:
```javascript
wx.navigateTo({
url: '/pages/detail/detail?message=Hello World'
})
```
在这个例子中,我们传递了一个名为message的数据源,其对应的值为Hello World。在onLoad()方法中,我们使用setData()方法将数据源中的值赋值给对应的变量。最终,我们在wxml页面中使用{{}}方式将变量展示到页面上。
阅读全文