Создание содержимого всплывающей подсказки пользовательского интерфейса элемента, которое изменяется в зависимости от строки таблицы

У меня есть метод, который возвращает строку в содержимое всплывающей подсказки на основе значения столбца в таблице пользовательского интерфейса элемента, однако он возвращает только значение первого столбца, а не изменяется при наведении курсора.

<el-table-column label="Service Lines / MSDRG" prop="code" sortable min-width="120">
  <template slot-scope="slotData">
    <el-tooltip 
      effect="dark" 
      placement="top-start" 
      :content="returnSvclinesValue(slotData.row.code , name)"
    >
    <span>{{ slotData.row.code }}</span>
    </el-tooltip>
   </template>
</el-table-column>

Вот метод для returnSvclineValue(code, name)

returnSvclinesValue: function(code, name) {
  const svclinesTrimmedByName = svclines.find(i => i.label == name && i.value == name)
  const svclineValue = svclinesTrimmedByName.children.find(l => l.value = code )
  return svclineValue.label
}

Для метода returnSvclinesValue(code, name) он работает, мне просто нужно, чтобы он отображал другой контент на основе кода строки. Есть ли какой-то способ для этого?


javascript vue.js element-ui
person Stevan Najeeb    schedule 09.02.2021    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Создайте вычисляемое свойство с параметрами, как указано ниже:

computed:{
   returnSvclinesValue(){
      return (code, name)=> {
       const svclinesTrimmedByName = svclines.find(i => i.label == name && i.value == name)
       const svclineValue = svclinesTrimmedByName.children.find(l => l.value == code )
       return svclineValue.label
     }
  }

}
person Community    schedule 09.02.2021