vue 计数器_Vue InputNumber 计数器

父组件：

import InputNumber from '@/components/InputNumber'

export default {

data () {

return {

InputNumber: 1

}

},

components: {

InputNumber

}

}

子组件：

export default {

props: [ 'InputNumberData', 'max', 'min' ],

data () {

return {

number: this.InputNumberData

}

},

methods: {

outInput () {

if (this.number > this.max) this.number = this.max

if (this.number < this.min) this.number = this.min

}

}

}

input{height:30px;padding:0 10px;}

猜你喜欢