我正在从已分配给特定人员的端点检索场景类型,数据恢复正常,在VueJS Web扩展中,我开发的标签有一个存储对象:
scenariotype:Object
participants:Array[0]
perspective:1
scenarioDescription:null
scenarioTypeId:1
scenarioTypeName:"Time and Autonomous"
scenarioTypesScenarios:Array[0]
timeConstraint:true
我希望从这个对象抓取的两件事是timeConstraint
和perspective
,但是当我这样做时:
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(),尽管不是必需的。