在Vuetify中使用v-stepper组件时,边缘上会出现一个默认的类似边框的形状:

enter image description here

我想把它拿走.我试图将elevation设为0,但没有成功.

<v-stepper v-model="e1" class="elevation-{0}">

Codepen

如何做到这一点?

推荐答案

不是elevation-{0},而是elevation-0

可以使用类elevation-{n}设置图元的高程,其中n是与所需高程对应的0-24之间的整数.

所以实际上你也需要go 掉括号

Vue.js相关问答推荐

Vuejs - 更新数组中对象的数组

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

Axios Intercept 在第一次调用时未从 localStorage 应用令牌

如何在 vuejs 自定义指令中传递动态参数

vuetifyjs:仅添加使用过的图标来构建

判断 vue-router.beforeEach 不限制对路由的访问

Vuetify 在数据表中插入操作按钮并获取行数据

在 v-for 的情况下如何从 v-model 输入更新 Vuex 存储

W3C 验证和 Vue 的 HTML 绑定语法

如何将 Nuxt.js 更新到最新版本

POST 文件连同表单数据 Vue + axios

为什么我在 vue.js 中得到避免使用 JavaScript 一元运算符作为属性名称?

Javascript/vue.js 接收json

如何在 vuetify 中将工具提示添加到数据表标题?

从 ajax 调用填充 Vue.js 中的下拉列表

Vue - 如何在 v-if 或组件中使用窗口对象

VueJS 2 在多个组件上debounce

使用 Vue 的点击编辑文本字段

Vue组件如何命名

JQuery 不适用于 Vuejs