代码之家 › 专栏 › 技术社区 › Mike Cole

停止v-data-table头段插槽中的v-icon旋转

vuetify.js

Mike Cole · 技术社区 · 6 年前

CodePen

在代码笔示例中,我添加了一秒钟 v-icon 到标题模板。如果对列进行排序,当我希望第二个图标不旋转时,可以看到两个图标都旋转。我怎么标记它,这样它就不会旋转?

1 回复 | 直到 6 年前

Aldarund 6 年前

你可以通过CSS来实现。这是更新的代码笔

https://codepen.io/aldarund/pen/yqgVgy

...
<v-icon class='no-rotate' small>filter_list</v-icon>
...
.v-datatable thead th.column.sortable.active.desc .no-rotate {
    transform: none !important;
}

推荐文章

Veer3383 · 如何更改/覆盖Vuetify js中禁用字段的默认颜色?

7 年前

Peter Krauss · emit go modal在其他实例中什么都不做,如何调用modal?

7 年前

Yuri F Becker · 在vue中以编程方式创建表单

7 年前

L. Gangemi · Vue+Vuetify扩展面板输入/离开动画

7 年前

niutech · 如何异步验证Vuetify文本字段?

7 年前

Jay Vignesh · VueJs-在方法之间传递变量

7 年前

JustStartedProgramming · 在Vuejs中读取HTML响应以在对话框中显示

7 年前

Raluca · 在滑块中获取居中元素的对象

7 年前

tobiasg · 将new Date()与v-Date-picker一起使用不起作用

7 年前

IsraGab · 动态内容到v-expansion-panel-content

7 年前