Vuetify 如何添加<br>到 v-text-field 错误消息

Question

我想显示新行​​，我使用标签但不起作用。

最初的想法是新建一个组件，然后自定义error-messages到div，但是太麻烦了，所以来问问有没有简单的方法

 Vue.use(Vuetify); var vm = new Vue({ el: "#app", methods: { }, data: { } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.3/vue.js"></script> <script src="https://unpkg.com/vuetify@0.14.8/dist/vuetify.min.js"></script> <link rel=stylesheet type="text/css" href="https://unpkg.com/vuetify@0.14.8/dist/vuetify.min.css"> <div id="app"> <v-app dark> <v-text-field label="Field" error-messages="aaa<br>bbb" ></v-text-field> </v-app> </div>

Answer 1

这是一个可能的解决方案。

https://jsfiddle.net/ue9rqcwk/

HTML：

<div id="app">
<v-app dark>
      <v-text-field
      class="multiline"
         label="Field"
          error-messages="aaa
          bbb"
      ></v-text-field>
        
        
</v-app>
</div>

css：

.multiline {
  white-space: pre-line;
}

编辑：更正的网址