Vue.js मूल्यों को छिपाने की जरूरत है अगर वे मौजूद नहीं हैं

Question

मैं काम करने के लिए वी-छुपा कैसे प्राप्त करूं। नीचे मेरा उदाहरण है।

मैं बस इतना हासिल करने की कोशिश कर रहा हूं कि मैं उपरोक्त को छुपाना चाहता हूं अगर value.photo खाली है।

<div v-for='value in listPlayers'>

<img v-hide='value.photo.length > 0' src='/wp-content/uploads/2018/10/dummy-copy.gif'>

</div>

vue.js bootstrap-4 vuejs2

1

matt1993 3 नवम्बर 2020, 19:18

Answer 1

आपको v-if या v-show निर्देशों का उपयोग करना चाहिए और अपनी स्थिति के निषेध का उपयोग करना चाहिए:

  v-if='!(value.photo.length > 0)'

1

Boussadjra Brahim 3 नवम्बर 2020, 19:24

Answer 2

यदि आप तत्व को प्रस्तुत नहीं करना चाहते हैं तो यह बेहतर है कि आप v-if का उपयोग इस तरह करें:

<div v-for='value in listPlayers'>

   <img v-if='!value.photo.length' src='/wp-content/uploads/2018/10/dummy-copy.gif'>

</div>

आप वी-शो का भी उपयोग कर सकते हैं, लेकिन वी-शो के साथ सामग्री प्रदान की जाएगी लेकिन प्रदर्शित नहीं की जाएगी।

1

David 3 नवम्बर 2020, 19:24

2 जवाब