绑定value
html中value
只支持字符串,对于选择控件,Intact底层扩展了value
属性,使其可以支持任意类型的数据。
例如:
<div>
<input type="checkbox" v-model="checkedCheckbox" value={self.checkedValue} />
<input type="radio" v-model="checkedRadio" value={self.checkedValue} />
<select v-model="selected">
<option value={self.checkedValue}>选项1</option>
<option value={10}>选项2</option>
</select>
<div style="margin-top: 10px;">
复选框绑定的值为:{JSON.stringify(self.get('checkedCheckbox'))} <br />
单选框绑定的值为:{JSON.stringify(self.get('checkedRadio'))} <br />
选择列表绑定的值为:{JSON.stringify(self.get('selected'))}
</div>
</div>
Intact.extend({
template: template,
_init: function() {
this.checkedValue = {a: 1};
}
});