Vuetify 按钮在被点击后保持活动状态。您需要单击屏幕上的其他地方才能将其删除。是否有一种简单的方法可以在返回继承状态时添加计时器。
最近几个月我开始编程,现在才开始在我的 vue 项目中使用 vuetify。这个问题我可以用不必要的代码量来解决,我想看看你可以如何改进这个问题。
<v-app-bar app color="#44D0CD" dark>
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>Application</v-toolbar-title>
<v-btn @click="functionOne" light style="">
<v-icon left>mdi-plus</v-icon>
Do something
</v-btn>
<v-btn @click="functionTwo" light content="Save">
Do something else
</v-btn>
</v-app-bar>
Run Code Online (Sandbox Code Playgroud)
我希望它在单击后返回继承状态。现在它在点击时保持活动状态。
嘿,我有这个代码:
<v-text-field
:rules="rules"
v-model="exam.title"
class="exam-title ma-0 pa-0"
></v-text-field>
<v-text-field class="exam-title ma-0 pa-0"></v-text-field>
Run Code Online (Sandbox Code Playgroud)
然后它在底部有一些边距或填充,我无法用类删除。我该如何摆脱这个?
问题是通过将其包装在另一个元素中来解决的:
<v-col lg="8">
<v-text-field
v-model="questions.question"
class="question-container-question"
></v-text-field>
</v-col>
Run Code Online (Sandbox Code Playgroud)