表单组件
1、picker 选择器组件
range:指定一个数组(指定一份展示的数据)。
range-key:如果range数组是一个对象数组,需要添加range-key属性,指定选择器中显示的内容(从对象身上指定一个属性)。
bindchange:value 改变时触发 change 事件,event.detail = {value}。
<picker class="txt" bindchange="bindPickerChange" range-key="Name" range="{{sections}}">
<view>
<!-- 根据选择器选中的索引,显示对应的名称 -->
{{sections[sectionsActiveIndex].Name}}
</view>
</picker>
通过e.detail.value获取当前列表value的索引。
bindPickerChange: function(e) {
console.log(e.detail.value) //获取下标
}
2、input 输入框
placeholder:输入框为空时占位符。
<input value="" placeholder="请输入搜索关键字" />
3、textarea 多行文本框
maxlength:最大输入长度。设置为 -1 的时候不限制最大长度。
<textarea maxlength="-1" value="" />
JS数据更新方法
(1)直接赋值
该方法只更新js中的数据,不会重新渲染到页面。
this.data.section_id = this.data.sections[index].Id
(2)setData()方法
该方法更新数据后,重新渲染页面。
this.setData({
activeIndex: index
})