คำถามติดแท็ก vue-router

Vue Router เป็นไลบรารีการกำหนดเส้นทางสำหรับแอปพลิเคชันหน้าเดียวที่ออกแบบมาเพื่อใช้กับเฟรมเวิร์ก Vue.js

9
วิธีลบ hashbang จาก url
วิธีลบ hashbang #!จาก url ฉันพบตัวเลือกเพื่อปิดการใช้งาน hashbang ในเอกสารประกอบเราเตอร์ vue ( http://vuejs.github.io/vue-router/en/options.html ) แต่ตัวเลือกนี้จะลบ#!และใส่# มีวิธีใดที่จะมี URL ที่สะอาดหรือไม่? ตัวอย่าง: ไม่: #!/home แต่: /home
257 vue.js  vue-router 

9
ฉันจะรับพารามิเตอร์ข้อความค้นหาจาก URL ใน Vue.js ได้อย่างไร
ฉันจะดึงพารามิเตอร์การสืบค้นใน Vue.js ได้อย่างไร http://somesite.com?test=yayเช่น ไม่สามารถหาวิธีดึงข้อมูลหรือฉันจำเป็นต้องใช้ JS บริสุทธิ์หรือห้องสมุดบางอย่างสำหรับเรื่องนี้?

12
วิธีเพิ่มสคริปต์ JS ภายนอกให้กับ VueJS Components
ฉันจะใช้สคริปต์ภายนอกสองสคริปต์สำหรับเกตเวย์การชำระเงิน ตอนนี้ทั้งคู่ถูกใส่ในindex.htmlไฟล์ อย่างไรก็ตามฉันไม่ต้องการโหลดไฟล์เหล่านี้ในตอนต้น จำเป็นต้องใช้เกตเวย์การชำระเงินเฉพาะเมื่อผู้ใช้เปิดส่วนประกอบเฉพาะ ( using router-view) อย่างไรก็ตามมีเพื่อให้บรรลุนี้

3
จะส่งค่าจากข้อมูล Vue ไปยัง href ได้อย่างไร
ฉันพยายามทำสิ่งนี้: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> ฉันไม่สามารถหาวิธีเพิ่มมูลค่าr.idให้กับจุดสิ้นสุดของhrefแอตทริบิวต์เพื่อให้ฉันสามารถเรียก API ได้ ข้อเสนอแนะใด ๆ
142 vue.js  vue-router 

6
Vuejs: เหตุการณ์เกี่ยวกับการเปลี่ยนเส้นทาง
ในหน้าหลักของฉันฉันมีดรอปดาวน์ที่แสดงv-show=showโดยคลิกที่ลิงค์@click = "show=!show"และฉันต้องการตั้งค่าshow=falseเมื่อฉันเปลี่ยนเส้นทาง โปรดแนะนำฉันว่าจะตระหนักถึงสิ่งนี้ได้อย่างไร


9
วิธีตั้งค่าพารามิเตอร์การสืบค้น URL ใน Vue ด้วย Vue-Router
ฉันพยายามตั้งค่าพารามิเตอร์การสืบค้นด้วยVue-routerเมื่อเปลี่ยนช่องป้อนข้อมูลฉันไม่ต้องการไปที่หน้าอื่น แต่ต้องการแก้ไขพารามิเตอร์การสืบค้น url ในหน้าเดียวกันฉันกำลังทำสิ่งนี้: this.$router.replace({ query: { q1: "q1" } }) แต่สิ่งนี้ยังรีเฟรชหน้าและตั้งค่าตำแหน่ง y เป็น 0 เช่นเลื่อนไปที่ด้านบนสุดของหน้า นี่เป็นวิธีที่ถูกต้องในการตั้งค่าพารามิเตอร์การสืบค้น URL หรือมีวิธีที่ดีกว่านี้ แก้ไข: นี่คือรหัสเราเตอร์ของฉัน: export default new Router({ mode: 'history', scrollBehavior: (to, from, savedPosition) => { if (to.hash) { return {selector: to.hash} } else { return {x: 0, y: 0} } }, routes: …

7
Vue.js - ทำให้ฟังก์ชันตัวช่วยพร้อมใช้งานทั่วโลกสำหรับคอมโพเนนต์ไฟล์เดียว
ฉันมี 2 โครงการ Vue ที่มีจำนวนมาก (50+) ส่วนประกอบไฟล์เดียว ฉันใช้ Vue-Router สำหรับการกำหนดเส้นทางและ Vuex สำหรับสถานะ มีไฟล์ที่เรียกว่าhelpers.jsซึ่งมีฟังก์ชันวัตถุประสงค์ทั่วไปมากมายเช่นการใช้อักษรตัวแรกของสตริงเป็นตัวพิมพ์ใหญ่ ไฟล์นี้มีลักษณะดังนี้: export default { capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } } ไฟล์main.jsของฉันเริ่มต้นแอป: import Vue from 'vue' import VueResource from "vue-resource" import store from "./store" import Router from "./router" import App from "./components/App.vue" Vue.use(VueResource) const app = …
105 vue.js  vue-router 

11
vue-router สามารถเปิดลิงค์ในแท็บใหม่ได้หรือไม่?
Наэтотвопросестьответына กองมากเกินнарусском : Какв vue เตอร์открытьссылкувновойвкладке? ฉันมีหน้าสรุปและหน้าย่อยรายละเอียด เส้นทางทั้งหมดถูกนำไปใช้กับvue-router(v 0.7.x) โดยใช้การนำทางแบบโปรแกรมดังนี้: this.$router.go({ path: "/link/to/page" }) อย่างไรก็ตามเมื่อฉันกำหนดเส้นทางจากหน้าสรุปไปยังหน้าย่อยฉันจำเป็นต้องเปิดหน้าย่อยในแท็บใหม่เช่นเดียวกับการเพิ่ม_target="blank"ลงใน<a>แท็ก มีวิธีทำไหม?

11
เรามี router.reload ใน vue-router หรือไม่?
ฉันเห็นในคำขอดึงนี้: เพิ่ม router.reload() โหลดซ้ำด้วยเส้นทางปัจจุบันและเรียก data hook อีกครั้ง แต่เมื่อฉันลองออกคำสั่งต่อไปนี้จากส่วนประกอบ Vue: this.$router.reload() ฉันได้รับข้อผิดพลาดนี้: Uncaught TypeError: this.$router.reload is not a function ฉันค้นหาในเอกสารแต่ไม่พบสิ่งที่เกี่ยวข้อง vue / vue-router ให้บริการบางอย่างเช่นนี้หรือไม่? เวอร์ชันซอฟต์แวร์ที่ฉันสนใจ ได้แก่ : "vue": "^2.1.0", "vue-router": "^2.0.3", ปล. ฉันรู้ว่าlocation.reload()เป็นทางเลือกหนึ่ง แต่ฉันกำลังมองหาตัวเลือก Vue ดั้งเดิม

6
วิธีการผลักดันไปยัง vue-router โดยไม่ต้องเพิ่มประวัติ
ฉันมีลำดับต่อไปนี้เกิดขึ้น: หน้าจอหลัก กำลังโหลดหน้าจอ หน้าจอผลลัพธ์ ในหน้าแรกเมื่อมีคนคลิกปุ่มฉันจะส่งพวกเขาไปยังหน้าจอโหลดผ่าน: this.$router.push({path: "/loading"}); และเมื่องานของพวกเขาเสร็จสิ้นพวกเขาจะถูกส่งไปยังหน้าจอผลลัพธ์ผ่านทาง this.$router.push({path: "/results/xxxx"}); ปัญหาคือพวกเขามักจะต้องการจากผลลัพธ์กลับไปที่หน้าจอหลัก แต่เมื่อพวกเขาคลิกกลับพวกเขาจะถูกส่งไปโหลดอีกครั้งซึ่งจะส่งพวกเขากลับไปที่ผลลัพธ์ดังนั้นพวกเขาจึงติดอยู่ในวงวนไม่สิ้นสุดและไม่สามารถไปได้ กลับไปที่หน้าจอหลัก แนวคิดใดที่จะแก้ไขปัญหานี้ ฉันชอบถ้ามีตัวเลือกเช่น: this.$router.push({path: "/loading", addToHistory: false}); ซึ่งจะส่งไปยังเส้นทางโดยไม่ต้องเพิ่มลงในประวัติ

4
เปลี่ยนเส้นทางเมื่อเริ่มต้นด้วย URL เบราว์เซอร์ที่กำหนด
ฉันสร้างแอป Vue ใหม่ด้วยพา ธ พื้นฐาน เนื่องจากแอปถูกฝังลงในแอป Vue อื่นแอปนี้ไม่แสดงผลrouter-viewเมื่อเริ่มต้น หากคุณต้องการทราบเพิ่มเติมเกี่ยวกับวิธีการที่แอปนี้ฝังอยู่ในแอพอื่นหรือไม่โปรดดูที่นี่: เมานต์แอพ Vue ลงในคอนเทนเนอร์ของแอพ Vue หลัก และคำตอบของฉันกับปัญหานี้: https://stackoverflow.com/a/58265830/9945420 router-viewเมื่อเริ่มต้นใบสมัครของฉันมันทำให้ทุกอย่างยกเว้น ฉันต้องการเปลี่ยนเส้นทางเมื่อเริ่มต้นด้วย URL เบราว์เซอร์ที่กำหนด นี่คือการกำหนดค่าเราเตอร์ของฉัน: import Vue from 'vue'; import Router from 'vue-router'; import One from './views/One.vue'; import Two from './views/Two.vue'; Vue.use(Router); const router = new Router({ base: '/my-embedded-app/', mode: 'history', routes: [ { …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.