Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html vuetify<;v-list-tile>;元素不应用颜色属性_Html_Vue.js_Vuetify.js - Fatal编程技术网

Html vuetify<;v-list-tile>;元素不应用颜色属性

Html vuetify<;v-list-tile>;元素不应用颜色属性,html,vue.js,vuetify.js,Html,Vue.js,Vuetify.js,我有以下列表设置,但无法设置v-list-tile的颜色,因为它看起来没有颜色。这是模板: <v-container> <v-flex xs12> <v-card color="rgba(75,75,75,1)"> <v-card-title><h4>Details</h4></v-card-title> <v-divider>&l

我有以下列表设置,但无法设置
v-list-tile
的颜色,因为它看起来没有颜色。这是模板:

 <v-container>
      <v-flex xs12>
        <v-card color="rgba(75,75,75,1)">
          <v-card-title><h4>Details</h4></v-card-title>
          <v-divider></v-divider>
          <v-list dense>
            <v-list-tile v-for="(value,key) in testData" dark color="rgba(85,85,85,1)">
              <v-list-tile-content >{{key}}</v-list-tile-content>
              <v-list-tile-content class="align-end">{{value}}</v-list-tile-content>
            </v-list-tile>
          </v-list>
        </v-card>
      </v-flex>
    </v-container>

细节
{{key}}
{{value}}

这就是结果。 似乎只有
v-card
应用了颜色属性
v-divider
下面的所有内容都不会更改其颜色

在v-list-tile中,颜色属性仅更改文本的颜色

如果要设置背景样式,最简单的方法是使用内联样式

<v-list-tile
  style="background-color:rgba(85,85,85,1)"
  ...
</v-list-tile>