小编Fai*_*yed的帖子

我在我的一个项目中使用 FontAwesome 4.7，并且我们集成了 SonarQube。在我的自定义 CSS 文件中的几个地方，我必须手动提供 Font-Family，例如：

.calendar-wrapper:after {
  font-family: 'FontAwesome';
  content: '\f073';
  position: absolute;
  right: 9px;
  top: 9px;
}

但在这一行，SonarQube 向我展示了错误：意外缺少通用字体系列（此处规则）

FontAwesome 的通用字体系列应该是什么？我在互联网上到处查看但尚未找到任何解决方案。

我正在生成多个输入元素的列表，其中一个是<el-select>. 在更改此选择菜单时，我得到的值与该选择相关。但在这里，问题是，我还想获取父 v-for 项目的索引/行号。你可以通过下面的代码明白我的意思：

<el-form-item v-for="(domain, index) in Prescription.domains">
    <div class="col-md-2" v-if="medicineIsSelected === true">
        <small>Select Brand:</small>
        <el-select v-model="domain.SelectedBrand" clearable placeholder="Select" @change="updateDropdowns"> <!-- Here I want to pass {{index}} also -->
          <el-option
            v-for="item in selectedMedicineMetaInfo.BrandName"
            :key="item.value.name"
            :label="item.value.name"
            :value="item.value.rxcui">
          </el-option>
        </el-select>
    </div>
</el-form-item>

从上面的代码可以看出，我想在updateDropdowns. 我尝试传递 updateDropdowns(index) ，在这里我得到了索引号，但丢失了该下拉列表的选定值。我怎样才能同时通过？

我有对象数组：

[
  {
    "caseNumber": 123,
    "patientName": "John Doe",
    "technician": "Jasmin Joe",
    "reader": "Jade Boe"
  },
  {
    "caseNumber": 123,
    "patientName": "John Doe",
    "technician": "Jasmin Joe",
    "reader": "Jade Boe"
  },
  {
    "caseNumber": 123,
    "patientName": "John Doe",
    "technician": "Jasmin Joe",
    "reader": "Jade Boe"
  }
]

我的顶部有一个搜索栏，想要从我提供的任何键中搜索任何匹配的字符串。例如：我想从 caseNumber、patentName 和 reader 中进行搜索，因此我将调用我的过滤器函数作为 filter(allCases, caseNumber, PatientName, reader) 我尝试使用 Angular Pipers，但它仅适用于前两个键。

我尝试了下面的代码：

this.activeCases = this.filterPipe.transform(
      activeCases,
      this.searchUser,
      this.isCurrentUserTech ? 'readerName' : 'techName',
      'patientFullName',
      'caseNumber'
    );

我的管道功能：

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {
  transform(items: …

<el-table :data="confirmedAppointments" highlight-current-row style="width: 100%">
                  <el-table-column type="index" width="50">
                  </el-table-column>
                  <el-table-column prop='token' label="Token" width="180">
                  </el-table-column>
                  <el-table-column prop='date'  label="Appoint. date" width="180">
                  </el-table-column>
                  <el-table-column prop='ROV' label="ROV" width="180">
                  </el-table-column>
                  <el-table-column prop='speciality' label="Speciality" width="180">
                  </el-table-column>
                  <el-table-column prop='time' label="Appoint. time" width="180">
                  </el-table-column>
                  <el-table-column prop='status' label="Status" class="red" v-bind:class="{ 'green': status == 'Accepted' }">
                  </el-table-column>

              </el-table>

我正在使用与动态数据映射的 Element UI 表组件。在最后一列中，我的状态显示 Approved 或 Rejected 文本。

那么如何根据单元格值将特定类设置为特定单元格。默认情况下，该类应为红色，但当状态值为 Approved 时，该类应为绿色。

也许有点像这个问题，但接受的例子似乎不起作用。我想在悬停该行时在此处显示“操作”按钮。因此，当我将鼠标悬停到特定的表行时，只应显示该行的操作按钮，而应隐藏所有其他操作按钮。

那么我怎样才能实现这一目标呢？是否需要 jQuery 或者可以通过纯 CSS 实现？

<table class="table">
  <thead>
    <tr>
      <th>Instance Id</th>
      <th width="150px">Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>123456</td>
      <td>
        <a href="#" class="">Start</a>
      </td>
    </tr>
    <tr>
      <td>123456</td>
      <td>
        <a href="#" class="action">Start</a>
      </td>
    </tr>
  </tbody>
</table>

我有一个包含产品详细信息的对象，包括类别、颜色、使用技巧和价格。现在，我想通过提供我的对象的最低价格和最高价格来查找所有对象：

const products = [{
      name: 'Product 1',
      usage: 'Home',
      skill: 'Easy',
      color: 'blue',
      price: 100.00
    }, {
      name: 'Product 2',
      usage: 'Home',
      skill: 'Intermediate',
      color: 'red',
      price: 120.00
    }, {
      name: 'Product 3',
      usage: 'Office',
      skill: 'Intermediate',
      color: 'green',
      price: 190.00
    }, {
      name: 'Product 4',
      usage: 'Office',
      skill: 'Advanced',
      color: 'blue',
      price: 260.00
    }, {
      name: 'Product 5',
      usage: 'Warehouse',
      skill: 'Advanced',
      color: 'white',
      price: 320.00
    }, {
      name: 'Product 6',
      usage: 'Farm',
      skill: 'Intermediate',
      color: 'red',
      price: …