vue+bulma Tabs Error:'openTab' is defined but never used

Question

我想使用 vue 和 bulma 创建一个选项卡，但出现以下错误：

error: 'openTab' is defined but never used (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>

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍【=16=】

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

Tap 函数不适用。

进程：

上传图片
Return json 内容
点击查看

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

Answer 1

您的 openTabs 函数应该是方法的一部分。所以：

props: {},
methods: {
    openTab()
}

这里有更多信息：https://vuejs.org/v2/guide/events.html#Method-Event-Handlers

vue+bulma Tabs Error:'openTab' is defined but never used

vue+bulma Tabs Error:'openTab' is defined but never used

vue.js

bulma

代码：

进程：