计数器组件在表单组件内绑定对象的属性时,计数器组件为什么无法使用?

计数器组件在表单组件内绑定对象的属性时,计数器组件为什么无法使用?

Vue3.0 ElementUiPlus

<template>

单独使用,绑定对象里的属性

<el-input-number v-model="ruleForm.testValue" :step="1" step-strictl></el-input-number>

<el-form :model="ruleForm2" ref="ruleForm2" label-position="left">

<el-form-item label="表单组件内,绑定对象里的属性">

<el-input-number v-model="ruleForm2.testValue" :step="1" step-strictly></el-input-number>

</el-form-item>

<el-form-item label="表单组件内,绑定非对象里的属性">

<el-input-number v-model="testValue2" :step="1" step-strictly></el-input-number>

</el-form-item>

</el-form>

</template>

<script>

import {

reactive,

ref

} from 'vue'

export default ({

setup () {

const testValue2 = ref(900)

const ruleForm = reactive({

testValue: 100

})

const ruleForm2 = reactive({

testValue: 200

})

return {

testValue2,

ruleForm,

ruleForm2

}

}

})

</script>


回答:

export default defineComponent({

你这实例没生效吧

以上是 计数器组件在表单组件内绑定对象的属性时,计数器组件为什么无法使用? 的全部内容, 来源链接: utcz.com/p/936080.html

回到顶部