मेरे पास ऑब्जेक्ट्स की एक सूची है जिसे मैं लूप करता हूं और टेम्पलेट के अंदर उत्पन्न करता हूं। स्क्रीन आकार के आधार पर उन वस्तुओं को ग्रिड के अंदर अलग-अलग स्थान पर रखने की आवश्यकता होती है।

तो मैं विभिन्न स्क्रीन आकारों में अपनी स्थिति को परिभाषित करने के लिए सीएसएस में ग्रिड-एरिया प्रॉपर्टी का उपयोग करना चाहता हूं। लेकिन मुझे जिस समस्या का सामना करना पड़ रहा है वह यह है कि मैं प्रत्येक तत्व के लिए ग्रिड-क्षेत्र नाम को गतिशील रूप से परिभाषित करने का तरीका नहीं ढूंढ सकता।

मैंने निम्नलिखित करने की कोशिश की है, लेकिन यह काम नहीं करता है। मैंने ऑनलाइन खोज की है लेकिन कोई समाधान नहीं मिला। शीर्षक चर एक स्ट्रिंग है जिसमें वह नाम होता है जिसे ग्रिड-क्षेत्र संपत्ति के लिए सेट करने की आवश्यकता होती है।

:style="{ title: gridArea }"
0
Stephen 23 मार्च 2021, 11:49
तो शीर्षक में ग्रिड-क्षेत्र का नाम है?
 – 
Dejan.S
23 मार्च 2021, 11:53
हाँ, यह सही है। इसके अलावा यह एक स्ट्रिंग है जिसमें कोई रिक्त स्थान नहीं है। शब्दों को '_' से अलग किया जाता है।
 – 
Stephen
23 मार्च 2021, 11:54

1 उत्तर

सबसे बढ़िया उत्तर

"डबल नेम प्रॉपर्टी" के लिए आप इसे स्ट्रिंग में लपेट सकते हैं

<div class="block" :style="{ 'grid-area': title }">...</div>

3
Dejan.S 23 मार्च 2021, 11:55
आपका बहुत बहुत धन्यवाद! यह समाधान है: डी !!
 – 
Stephen
23 मार्च 2021, 11:55
1
मैं इसे 8 मिनट में कर सकता हूं और करूंगा :)
 – 
Stephen
23 मार्च 2021, 11:56