yank kapsam ve V-için belirsiz kombine kullanımı (v-daha yüksek öncelik alır). kapsamlı yuvası daha anlaşılabilir olması için için bir sarıcı kullanın

oy
0

Benim Nuxt.js uygulamada, ben Vuetify.js kullanın. İşte başıma dert neden olan kod parçasıdır:

<v-list dense>
  <v-hover>
  <v-list-tile
    v-for=menuItem in menuItems
    :key=menuItem.title
    slot-scope={ hover }
    :class=`elevation-${hover ? 12 : 0}`>

    <v-list-tile-action>
      <v-icon> {{menuItem.icon }} </v-icon>
    </v-list-tile-action>

    <v-list-tile-content>
      <v-list-tile-title>{{ menuItem.title }}</v-list-tile-title>
    </v-list-tile-content>  

  </v-list-tile>
  </v-hover>
</v-list>

Yani bu hata mesajını tetikler:

(Yerine Hata bir örneğinin yayılan değeri) yank kapsam ve V-için belirsiz kombine kullanımı (v-daha yüksek öncelik alır). daha anlaşılabilir olması için kapsamlı yuvası için bir sarıcı kullanın.

Ben kaldırdığınızda kod çalışıyor v-hoverbileşeni.

Ben hata mesajı okumak ve bunu da anlaşılacağı şeyi yapmaya çalıştık:

<template
    slot-scope={ hover }
    :class=`elevation-${hover ? 12 : 0}`>
    <!--
        Wrap v-list-tile-action and v-list-tile-content code here
    -->
</template>

Ama diğer sorunları karşılaştı.

bunu düzeltmek konusunda herhangi bir fikir?

Oluştur 08/11/2018 saat 11:30
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
1

Taşımayı deneyin v-forgelen v-list-tileetmek v-hover( demo ):

<v-list dense>
  <v-hover v-for="menuItem in menuItems">
    <v-list-tile
        :key="menuItem.title"
        slot-scope="{ hover }"
        :class="`elevation-${hover ? 12 : 0}`">

      <!-- your content -->  

    </v-list-tile>
  </v-hover>
</v-list>
Cevap 08/11/2018 saat 13:13
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more