`<v-text-field
id="loginPasswordId"
ref="password"
v-model="password"
class="login-input"
密密麻麻
:disabled="loading"
:hint="hello world"
:loading="加載中"
maxlength="16"
概述
:rules="[rules.required,rules.passwordLength]"
:type="passwordShow ? 'text' : 'password'"
@keyup.enter="submit">
</v-text-field>`
如何在vue.js中改變提示屬性的顏色？有沒有人可以幫忙？
uj5u.com熱心網友回復：
你可以為提示類添加css樣式：
.vmessages__message {
color: red !important;
}
uj5u.com熱心網友回復：
你可以將.v-messages__message樣式化：
new Vue（{
el: '#demo',
data（）{
return {
password:''。
}
}).v-messages__message{
color: violet;
}<script src="https://cdnjs. cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>/span>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuetify/2.5.8/vuetify.min. js" integrity="sha512- 4WwTDsHz4Dr/FqjqVTT4Xm9K0y/4FQDDjIzGQyKMLaYnxgjh2vyy8rTNh7QUg9pmCbBng5nnXzRlebkGMIIQQg=="/span> crossorigin="anonymous" referrerpolicy="no-referrer"> </script>>
<link rel="styleheet" href="https://cdnjs.cloudflare.com/ajax/libs/vuetify/2.5.8/vuetify.min。 css" integrity="sha512- OLLHV7EvoUTcPYtFNXC73 SvDC4l/KoEd1YgNZXySxj/7XVBaHEdoqsITIgC0mJd p1kWe/LxCR 0wCVf8LpOQ=="/span> crossorigin="anonymous" referrerpolicy="no-referrer" />
<div id="demo">
<v-text-field>
id="loginPasswordId"。
ref="password"/span>
v-model="password"/span>
class="login-input"/span>
密集
hint="hello"/span>
loading="loading"
maxlength="16"
outlined outlined
type="passwordShow ? 'text' : 'password'"/span>
@keyup.enter="submit"/span>>
</v-text-field>/span>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/332737.html
標籤：