क्या बेहतर UI इंटरैक्शन के लिए नीचे दिए गए कोड की इस पंक्ति को लिखने का कोई अन्य तरीका है?

<v-list-item>
<v-list-item-title>
<router-link to="historicalFigures">Historical Figures </router-link>
</v-list-item-title>
</v-list-item>

मैं यह इसलिए पूछ रहा हूं क्योंकि उपरोक्त कोड का उपयोग करते हुए, केवल जब मैं नेविगेशन बार के लिंक पर क्लिक करता हूं तो परिणाम प्रदर्शित होते हैं। ऐसा

enter image description here

लेकिन जब मैं लिंक के आस-पास के क्षेत्र पर क्लिक करता हूं, तो कुछ भी नहीं दिख रहा है या प्रतिक्रिया नहीं दे रहा है।

0
Max chang 19 फरवरी 2020, 05:57

2 जवाब

एक 'टू' प्रोप को वी-लिस्ट-आइटम पर रखने की कोशिश करें और राउटर लिंक को नेस्ट न करें जैसा कि आपका कोड लिखा गया है। वैकल्पिक रूप से, आप v-सूची-आइटम पर @क्लिक का उपयोग कर सकते हैं और वह विधि इसका उपयोग करेगी।$router.push('/ historyalfigures')

<v-list-item to='historicalFigures'>
    <v-list-item-title>Historical Figures</v-list-item-title>
</v-list-item>
1
ExcessJudgment 19 फरवरी 2020, 09:42

उपरोक्त उदाहरण में, to का उपयोग करके बाध्य होना चाहिए: इसे बनाने के लिए

<v-list-item :to='historicalFigures'>
    <v-list-item-title>Historical Figures</v-list-item-title>
</v-list-item>
1
Dan Sutherland 19 अप्रैल 2020, 22:21