javascript - 无法设置未定义的属性“运行”(Cannot set property 'running' of undefined)

Question

I am using Nuxt.js and I have this problem, with reading the running property of my client object.

(我正在使用Nuxt.js，但在读取客户端对象的running属性时遇到了这个问题。)

HTML:

(HTML：)

<b-button
  v-show="!(projectSelecter(project.ID)).isStarted"  //this work just fine
  variant="success"
  class="control_buttons"
  @click="start(project.ID)"
>Start</b-button>

JS:

(JS：)

start: function(id) {
  const client=this.projectSelecter(id);
  console.log("ID: ", id);
  console.log("Client: ", client);
  console.log("Client running property: ", client.running);
  //if (client.running) return;

  if (client.timeBegan === null) {
    this.reset();
    client.timeBegan = new Date();
  }

  if (client.timeStopped !== null) {
    client.stoppedDuration += new Date() - client.timeStopped;
  }

  client.isStarted=!client.isStarted;
  client.started = setInterval(this.clockRunning, 10);
  client.running = true;
},

This is the reset function, which is called in the start function above.

(这是复位功能，在上面的启动功能中调用。)

reset: function(id) {
  var client=this.projectSelecter(id);
  client.running = false;
  clearInterval(client.started);
  client.stoppedDuration = 0;
  client.timeBegan = null;
  client.timeStopped = null;
  client.time = "00:00";
  client.isStarted=false;
}

Console logs:

(控制台日志：)

Error message:

(错误信息：)

Full:

(充分：)

  ask by Alex Denor translate from so

Answer 1

In your reset method, You need to pass id as parameter in the start method.

(在您的reset方法中，您需要在start方法中传递id作为参数。)

So your start method should look like

(所以你的启动方法应该像)

start: function(id) {
  const client=this.projectSelecter(id);
  console.log("ID: ", id);
  console.log("Client: ", client);
  console.log("Client running property: ", client.running);
  //if (client.running) return;

  if (client.timeBegan === null) {
    this.reset(id); //passing `id` to reset method
    client.timeBegan = new Date();
  }

  if (client.timeStopped !== null) {
    client.stoppedDuration += new Date() - client.timeStopped;
  }

  client.isStarted=!client.isStarted;
  client.started = setInterval(this.clockRunning, 10);
  client.running = true;
},