1 回答

TA貢獻1872條經驗 獲得超4個贊
您錯過了 MainComponent 上的綁定
<level-01
:required="true"
:v-model="datax.cardNumber"
:value="datax.cardNumber"
/>
注意:value =“datax.cardNumber”是正確的其次,在level-01中你沒有綁定value prop(根本沒有定義)
<template>
<div class="c-floating-label">
<input-number @input="passValue" :value="$attrs.value"/>
</div>
</template>
<script>
import InputNumber from '../../atoms/form-controls/BaseInput';
export default {
components: {
InputNumber
},
methods: {
passValue: function (value) {
this.$emit('input', value);
}
}
};
</script>
最后是 BaseComponent:
<template>
<input
:value="$attrs.value"
type="number"
inputmode="numeric"
@input="$emit( 'input', $event )"
/>
</template>
<script>
export default {
data () {
return {
// myValue: undefined
};
}
}
};
</script>
添加回答
舉報