Запретить vue добавление пробелов в JSX - PullRequest
0 голосов
/ 26 марта 2020

У меня есть этот код

        <td
          v-else
          :key="index"
          class="actionable"
          v-on:click="cellClicked(col.prop, row, indexRow)"
        >
          {{
            typeof row[col.prop] !== 'undefined' && row[col.prop] !== null
              ? getCellValue(row, col.prop, row[col.prop])
              : ''
          }}
        </td>

, что он рендерит вот так

<td data-v-043d7d24="" class="actionable">
        $        150.00
      </td>

Но я хочу, чтобы он отображался без пробелов в начале и на end

<td data-v-043d7d24="" class="actionable">$        150.00</td>

Я знаю, что eslint формирует код и добавляет пробелы, но я хочу предотвратить это. Примерно так:

    <td
      v-else
      :key="index"
      class="actionable"
      v-on:click="cellClicked(col.prop, row, indexRow)"
    >{{
        typeof row[col.prop] !== 'undefined' && row[col.prop] !== null
          ? getCellValue(row, col.prop, row[col.prop])
          : ''
      }}</td>

Иногда go мне удается это сделать, но я забыл, как это сделать. Это было добавление строки к части JSX, что-то вроде <!-- eslint-disable-next-line -->, которую я уже пробовал, но не работает

...