jquery在身体不正常工作时切换类
jquery在身体不正常工作时切换类
提问于 2019-12-10 16:44:31
我正在用vue js创建一个应用程序。在那里，我有两页仪表板和一个个人资料。对于这两个组件，我有一个通用组件，即仪表板头(DashboardTopLeftToggle)。我在里面有一个锚标签，点击那个锚标签后，我想在主体中切换一个类。我已经在通用组件中编写了一个方法，它只在我第一次在仪表板上或者第一次出现在概要中时发生一次。在那之后，当我改变路线时，切换类不起作用。请找到下面的切换方法。
<template>
<a href="javascript:void(0)" class="sidebar-toggle">
<span class="flaticon-menu-1"></span>
</a>
</template>
<script>
import $ from "jquery";
$(document).ready(function() {
$(".sidebar-toggle").click(function() {
$("body").toggleClass("sidebar-collapse");
});
});
export default {
name: "dashboardTopLeftToggle"
};
</script>
<style scoped></style>回答 1
Stack Overflow用户
回答已采纳
发布于 2019-12-10 16:50:10
在方法中执行此操作，因为它使用Vue呈现器动态生成。
<template>
<a href="javascript:void(0)" @click.prevent="toggleClass" class="sidebar-toggle">
<span class="flaticon-menu-1"></span>
</a>
</template>
<script>
import $ from "jquery";
export default {
name: "dashboardTopLeftToggle",
methods: {
toggleClass(){
$("body").toggleClass("sidebar-collapse");
// or without jQuery
// document.body.classList.toggle("sidebar-collapse");
}
}
};
</script>
<style scoped></style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59271922
复制相关文章
相似问题
腾讯云开发者
