发表日期:2019-10 文章编辑:小灯 浏览次数:1212
不可添加数据 微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages
中的第一个页面是小程序的首页。(多页面的时候,通过更改这个顺序进行调试)
在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。
默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item
<view wx:for="{{array}}">
{{index}}: {{item.message}}
</view>
行内元素。直接设置margin值无效,需要同时规定display:block
在data中指定{{某数据}}的绑定对象后,并不能让这个绑定的数据随着绑上去的变量更改而更改。需要在出发数据修改的事件中,增加dataSet,才能修改这个绑定的数据。
<!-- This is our View -->
<view> Hello {{name}}! </view><button bindtap="changeName"> Click me! </button>
// This is our App Service.
// This is our data.
var helloData = {
name: 'WeChat'
}
// Register a Page.
Page({
data: helloData,
changeName: function(e) {
// sent data change to view
this.setData({
name: 'MINA'
})
}
})
在表单中绑定提交事件bindsubmit,在button中设置form-type为submit。通过e.detail.value.textarea即可获取输入的内容。
注意:wxml中,textarea的name值必须是textarea,不能更改,否则无法获取数据,也不会报错。
<!--textarea.wxml-->
<form bindsubmit="bindFormSubmit">
<textarea placeholder="form 中的 textarea" name="textarea"/>
<button form-type="submit"> 提交 </button>
</form>
//textarea.js
bindFormSubmit: function(e) {
console.log(e.detail.value.textarea)
}
父层要设置position:relative,这个overflow的设置才会对设置了position:absolute的子层有效
将数据绑定在style参数中,可以通过data来控制参数。
<!--wxml-->
<view class="block p3" style="left:{{p3left}}rpx; top:{{p3top}}rpx; transform:scale({{scale}})">
//.js
Page({
//初始化数据
data:{
p3left:600,
p3top:10,
scale:0.8
}
})
日期:2019-11 浏览次数:4785
日期:2019-11 浏览次数:11207
日期:2019-11 浏览次数:3647
日期:2019-11 浏览次数:4558
日期:2019-11 浏览次数:4658
日期:2019-11 浏览次数:6326
日期:2019-11 浏览次数:4578
日期:2019-11 浏览次数:15027
日期:2019-11 浏览次数:3926
日期:2019-11 浏览次数:5695
日期:2019-11 浏览次数:4531
日期:2019-11 浏览次数:3864
日期:2019-11 浏览次数:9624
日期:2019-11 浏览次数:7536
日期:2019-11 浏览次数:4228
日期:2019-11 浏览次数:3620
日期:2019-11 浏览次数:8162
日期:2019-11 浏览次数:3874
日期:2019-11 浏览次数:4047
日期:2019-11 浏览次数:4119
日期:2019-11 浏览次数:3678
日期:2019-11 浏览次数:4265
日期:2019-11 浏览次数:9450
日期:2019-11 浏览次数:4465
日期:2019-11 浏览次数:4458
日期:2019-11 浏览次数:4044
日期:2019-11 浏览次数:11361
日期:2019-11 浏览次数:6657
日期:2019-11 浏览次数:6917
日期:2019-11 浏览次数:4270
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.