因为我是Vue的新手.js,有谁能像在JQuery中一样帮助我从元素中删除类吗.

$('.class1').removeClass("class2");

推荐答案

根据他们文档中的内容,我认为这是代码中不应该做的事情.

相反,CSS类应该绑定到属性,并且类的存在应该由属性值决定.

示例(来自文档):

<div v-bind:class="{ active: isActive }"></div>

上面的语法意味着active类的存在将由数据属性isActive的真实性决定(如果有isActive IS true类).

通过在对象中设置更多字段,可以切换多个类.此外,v-bind:class指令还可以与plain class属性共存.因此,考虑到以下模板:

<div class="static"
     v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>

以下数据和数据:

data: {
  isActive: true,
  hasError: false
}

它将呈现:

<div class="static active"></div>

isActivehasError发生变化时,课程列表将相应更新.例如,如果hasError变为true,则类列表将变为static active text-danger.

我相信这是正确的方式:)请查看the documentation了解更多细节.

如果出于某种原因需要删除一个类,可以将jQuery作为依赖项添加到应用程序中并使用它(但这并不可取).

快乐黑客:)

Vue.js相关问答推荐

为什么v-show需要组件的包装元素?

更新 Shopware 管理 CMS 组件中的编辑器视图

Vuetify右侧并排switch

如何在FormKit中验证文本输入框中不能输入数字

vuetify/mdi 不显示图标

理解 VueJS 中的组件 props

Vue 两种方式的 prop 绑定

在按键 vuejs 中只允许数字和一个小数点后 2 位限制

vuejs中watch方法和计算方法有什么区别

eslint – 如何知道 defined定义规则的位置

Nuxt & Vuetify:如何控制 CSS 文件的加载顺序?

错误:vue-loader 要求 @vue/compiler-sfc 存在于依赖树中

取消选中单选按钮

为什么 v-model 不适用于数组和 v-for 循环?

Vue 3:模块 '"../../node_modules/vue/dist/vue"' 提示

使密码字符隐藏在 Vuetify 字段中

Vue.js react性如何在幕后工作?

检测 Vue-Router 导航Guards中的后退按钮

Vue 3 组合 API 数据()函数

在 Vuejs 中全局导入 Axios 方法