Как добавить CSS в шаблон таблицы Vue-Boosttrap - PullRequest
Новая
       11

Как добавить CSS в шаблон таблицы Vue-Boosttrap

0 голосов
/ 31 октября 2019

Я хочу добавить CSS в шаблон таблицы начальной загрузки, но он не работает 

<template slot="actions" slot-scope="data" :style="{min-width:'150px'}">
    <b-button variant="info" @click="showViewModel(data.item)">
       <i class="fa fa-eye"></i>
    </b-button>
   <b-button variant="danger" class="ml-1" @click="showConfirmBox(data.item.id,data.index)">
       <i class="fa fa-trash"></i>
   </b-button>
</template>

Ответы [ 2 ]

1 голос
/ 31 октября 2019 
 <template slot="actions" slot-scope="data">
    <div :style="'min-width:150px'">
      <b-button variant="info" @click="showViewModel(data.item)">
         <i class="fa fa-eye"></i>
      </b-button>
      <b-button variant="danger" class="ml-1" @click="showConfirmBox(data.item.id,data.index)">
       <i class="fa fa-trash"></i>
      </b-button>
    </div>
  </template>
0 голосов
/ 31 октября 2019

Тег template Vue визуализируется в ничто, поэтому добавление стиля к нему не имеет никакого эффекта.

Кроме того, добавляя стиль с помощью Vue, вы должны использовать простые строки вместо объектов. Поэтому вместо этого: 

:style="{min-width:'150px'}"

Используйте это: 

:style="'min-width:150px'"
...