绑定value

html中value只支持字符串,对于选择控件,Intact底层扩展了value属性,使其可以支持任意类型的数据。

例如:

  1. <div>
  2. <input type="checkbox" v-model="checkedCheckbox" value={self.checkedValue} />
  3. <input type="radio" v-model="checkedRadio" value={self.checkedValue} />
  4. <select v-model="selected">
  5. <option value={self.checkedValue}>选项1</option>
  6. <option value={10}>选项2</option>
  7. </select>
  8. <div style="margin-top: 10px;">
  9. 复选框绑定的值为:{JSON.stringify(self.get('checkedCheckbox'))} <br />
  10. 单选框绑定的值为:{JSON.stringify(self.get('checkedRadio'))} <br />
  11. 选择列表绑定的值为:{JSON.stringify(self.get('selected'))}
  12. </div>
  13. </div>
Intact.extend({
    template: template,
    _init: function() {
        this.checkedValue = {a: 1};
    }
});