import InputNumber from '../src/index' import '../assets/index.less' export default { data () { return { disabled: false, readOnly: false, value: 5, } }, methods: { onChange (value) { console.log('onChange:', value) this.value = value }, toggleDisabled () { this.disabled = !this.disabled }, toggleReadOnly () { this.readOnly = !this.readOnly }, }, render () { return ( <div style='margin: 10px;'> <InputNumber min={-8} max={10} value={this.value} onChange={this.onChange} style='width: 100px' readOnly={this.readOnly} disabled={this.disabled} /> <p style='padding:10px 0'> <button onClick={this.toggleDisabled}>toggle Disabled</button> <button onClick={this.toggleReadOnly}>toggle readOnly</button> </p> </div> ) }, }