这里我面临着这个错误。“属性或方法”"step1_category“不是在实例上定义的,而是在呈现过程中引用的。通过初始化属性,确保该属性在数据选项或基于类的组件中是反应性的。我哪里出问题了请告诉我。
<template id="step1" v-if="currentStep == 1">
<strong class="progress_bar1"></strong>
<h1 class="post_adttl">Post Ad</h1>
<p><input style="width: 93%;" type="text" class="vuepost_ad" placeholder="Search your category"
name="category" @change="go"
v-model="step1_category" maxlength="200" id="id_post_type"></p>
<p><input placeholder="Title" class="vuepost_ad" type="text" name="title" v-model="step1_title"
maxlength="60" id="id_post_title"></p>
<p class="select_p">
<input type="text" class="vuepost_ad" placeholder="Address" name="address" v-model="step1_address"
maxlength="200" id="id_post_address">
<input type="text" class="vuepost_ad" placeholder="City" name="city" v-model="step1_city"
maxlength="100" id="id_post_city">
</p>
<p class="select_p">
<input type="text" class="vuepost_ad" placeholder="State" name="state" v-model="step1_state"
maxlength="100" id="id_post_state">
<input type="text" class="vuepost_ad" placeholder="Zip" name="zip" v-model="step1_Zip" maxlength="50"
id="id_post_zip">
</p>
<p><input style="width: 93%;" type="number" class="vuepost_ad" placeholder="Price" name="price"
v-model="step1_price"
step="any"
id="id_post_price"></p>
<p><textarea name="description" v-model="step1_description" class="vuepost_ad"
placeholder="Ad description.." rows="5" maxlength="600" id="id_post_description"></textarea>
<button type="button" @click.prevent="goToStep(2)">Next</button>
</template>
vue.js
Vue.component('step1', {
template: '#step1',
props: [
'currentStep',
'step1'
]
});
var app = new Vue({
el: '#app',
data: {
currentStep: 1,
step1: {
step1_category: '',
step1_title: '',
step1_address: '',
step1_city:'',
step1_state:'',
step1_Zip:'',
step1_price:'',
step1_description:'',
},
})
发布于 2021-02-03 12:55:23
这是因为在您的数据中,您将其设置为step1.step1_category
。将您的v-model
绑定到它上,它就能工作了。您需要对step1
对象中的data
对象中的所有数据属性执行此操作。
https://stackoverflow.com/questions/66027817
复制相似问题