vue + bulma Tabs错误：'openTab'已定义但从未使用过

Question

我想使用vue和bulma创建标签，但出现以下错误：

错误：已定义'openTab'，但从未使用过（no-unused-vars at）

代码：

<template>
<div>
  <div class="tabs is-centered">
    <ul>
      <li class="tab is-active" onclick="openTab(e,'adult')"><a>Adult</a></li>
      <li class="tab" onclick="openTab(e,'card')"><a>Card</a></li>
      <li class="tab" onclick="openTab(e,'food')"><a>Food</a></li>
    </ul>
  </div>

    <div id="adult" class="content-tab">
        <img :src="require(`../../static/dst/${parentData.file_name}`)">
            <div  v-bind:style="{ color: `${parentData.font_color}`}">
                    {{parentData.info_text}}<br>
                    {{parentData.rate_adult}}{{parentData.part_name}}<br>
                    {{parentData.rate_part}}
            </div>
    </div>

    <div id="card" class="content-tab" style="display: none">
        <div :style="{ color: `${parentData.card_color}`}">
                {{parentData.card_text}}
        </div>
    </div>

    <div id="food" class="content-tab" style="display: none">
        {{parentData.class_name}}
    </div>
</div>
</template>

<script>
     export default {
         name: 'Child',
         props: ['parentData'],

     openTab(e, tabName) {
             var i, x, tablinks;
             x = document.getElementsByClassName("content-tab");
             for (i = 0; i < x.length; i++) {
                 x[i].style.display = "none";
             }
             tablinks = document.getElementsByClassName("tab");
             for (i = 0; i < x.length; i++) {
                 tablinks[i].className = tablinks[i].className.replace(" is-active", "");
             }
             document.getElementById(tabName).style.display = "block";
             e.currentTarget.className += " is-active";
     }
     }
</script>

我想找到这个问题的答案。

[Tap功能不适用。

处理：

上传图像
返回json内容
点击检查

您能告诉我错误是什么吗？