Не могу установить значение идентификатора для тега <span>внутритег - PullRequest
Новая
       87

Не могу установить значение идентификатора для тега <span>внутритег

0 голосов
/ 11 ноября 2019

Я пытаюсь установить значение цикла v-for в качестве значения идентификатора тега внутри цикла for. 

 <table class="APPPPTable" style="width:100%;font-size:11px;">
    <thead>
      <tr>
        <th v-for="heading in tableInfo.columns" class="text-center">
            <span id="heading.field" v-html="heading.label"></span>
        </th>
      </tr>
     </thead>
 </table>

значение "heading.field" имеет. Но каждый раз, когда я вижу инструменты разработчика, он показывает значение id как id = "heading.field" вместо значения "heading.field".

Ответы [ 3 ]

2 голосов
/ 11 ноября 2019

id вашего диапазона не привязывается динамически, вы должны использовать v-bind: или : для этого идентификатора, чтобы использовать его так, как вы хотите:

Посмотрите на пример: 

<table class="APPPPTable" style="width:100%;font-size:11px;">
    <thead>
      <tr>
        <th v-for="heading in tableInfo.columns" class="text-center">
            <span :id="heading.field" v-html="heading.label"></span>
        </th>
      </tr>
     </thead>
 </table>
1 голос
/ 11 ноября 2019

можно попробовать :id="heading.field"

1 голос
/ 11 ноября 2019

<span id="heading.field"> -> <span v-bind:id="heading.field">

 <table class="APPPPTable" style="width:100%;font-size:11px;">
    <thead>
      <tr>
        <th v-for="heading in tableInfo.columns" class="text-center">
            <span v-bind:id="heading.field" v-html="heading.label"></span>
        </th>
      </tr>
     </thead>
 </table>
...