vue3 elementui tab 标签页tab-click事件触发

发布于 2022-09-13 01:22:42 字数 956 浏览 12 评论 0

image.png
image.png

<el-tabs v-model="formState.activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
        <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
        <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
        <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
</el-tabs>
<script>
export default defineComponent({
  setup: () => {
    const handleClick = ({tab, event}):void => {
      console.log(tab, event);
    }

    function handleClicka(tab, event) {
      console.log(tab, event);
    }

    return {
      handleClick,
      handleClicka,
      formState
    };
  }
})
</sciprt>

真不知道方法还怎么调用了,一直报错,各种方法试了,还是报错...所以到底这玩意儿该怎么写??

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文