VueJs如何在从端点检索的对象中使用数据?

时间:2018-03-23 09:38:42

标签: vue.js

我正在从已分配给特定人员的端点检索场景类型,数据恢复正常,在VueJS Web扩展中,我开发的标签有一个存储对象:

scenariotype:Object
   participants:Array[0]
   perspective:1
   scenarioDescription:null
   scenarioTypeId:1
   scenarioTypeName:"Time and Autonomous"
   scenarioTypesScenarios:Array[0]
   timeConstraint:true 

我希望从这个对象抓取的两件事是timeConstraintperspective,但是当我这样做时:

if(this.scenariotype.timeConstraint == true)

它将timeConstraint返回为undefined。

我假设我误解了语法,所以任何帮助都会非常感激。

编辑:

我的组件如下:

    var topLayer = Vue.component('top-layer', {
        props: ["scenariotype"],
        data: function () {
            return ({
                scenarios: [],
                status: "",
                showTimer: true,
                timeValue: 5
            });
        },
        methods: {
            getScenarios: function () {
                // GET /someUrl
                this.$http.get('ScenariosVue/GetScenarios').then(response => {
                    // get body data
                    this.scenarios = response.body.value;
                }, response => {
                    // error callback
                });
            },
            countdownTimer: function () {
                // Set the date we're counting down to
                var downloadTimer = setInterval(function () {
                    this.timeValue--;
                    if (this.timeValue <= 0) {
                        clearInterval(downloadTimer);
                        this.showTimer = false;
                    }
                }.bind(this), 1000);
            }
        },
        created() {
            this.getScenarios();
            if(this.scenariotype.timeConstraint == true)
            {
                this.countdownTimer();
            }
            else
            {
                this.showTimer = false
            }
        },
        template: `
            <div>
                <timer-area v-if="this.showTimer" :timeValue="this.timeValue"></timer-area>
                <question v-else v-for="question in this.scenarios" v-bind:key="question.scenarioId" :scenario="question" >
                </question> 
            </div>`
    });

我计划在创建的函数中使用if(),尽管不是必需的。

0 个答案:

没有答案