首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >面对vue.js中的错误,“属性或方法”step1_category不是在实例上定义的,而是在呈现过程中引用的。

面对vue.js中的错误,“属性或方法”step1_category不是在实例上定义的,而是在呈现过程中引用的。
EN

Stack Overflow用户
提问于 2021-02-03 12:43:49
回答 1查看 306关注 0票数 0

这里我面临着这个错误。“属性或方法”"step1_category“不是在实例上定义的,而是在呈现过程中引用的。通过初始化属性,确保该属性在数据选项或基于类的组件中是反应性的。我哪里出问题了请告诉我。

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
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:'',
},
})
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-03 12:55:23

这是因为在您的数据中,您将其设置为step1.step1_category。将您的v-model绑定到它上,它就能工作了。您需要对step1对象中的data对象中的所有数据属性执行此操作。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66027817

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档