Question

我有HTML

 <a class="nav-link" id="sell" (click)="renderView(id)" 

 <a class="nav-link" id="event" (click)="renderView(id)"

和JS

renderView(id) {
    switch (id) {
      case 'detailInfo':
        console.log('detailInfo');
        break;
      case 'sell':
        console.log('sell');
        break;
      case 'event':
        console.log('event');
        break;
    }
  }

如何将值od id传递给函数？ ID未定义

Answer 1

您提到的代码将无法正常工作。

将其重写为：

HTML：

<a class="nav-link" id="sell" onclick="renderView(this.id)" 
<a class="nav-link" id="event" onclick="renderView(this.id)"

JS保持不变：

renderView(id) {
    switch (id) {
      case 'detailInfo':
        console.log('detailInfo');
        break;
      case 'sell':
        console.log('sell');
        break;
      case 'event':
        console.log('event');
        break;
    }
  }

Answer 2

您可以在此处使用onClick，例如：

<a class="nav-link" id="sell" onclick="renderView(this.id)">

然后只需签入代码

function renderView(id) {
   switch (id) {
     case 'detailInfo':
      console.log('detailInfo');
      break;
    case 'sell':
      console.log('sell');
      break;
    case 'event':
      console.log('event');
      break;
  }
}

希望这会有所帮助

Answer 3

首先，将（点击）更改为onclick，因为（点击）是无效的HTML。还要添加文本和结束标记。

第二，在this.id上执行功能：

<a class="nav-link" id="sell" onclick="renderId(this.id)">Sell</a>

我如何将id放在html中起作用

3 个答案: