Vue中,點擊提交按鈕,路由多了個問號

問題

當點擊提交按鈕是路由多了問號:

http://localhost:8100/#/
變為
http://localhost:8100/?#/

原因

路由中出現問號通常是由于某些路徑或參數處理不當造成的。在該情況下,是因為表單的默認行為導致的。提交表單時,如果沒有阻止表單的默認提交行為,瀏覽器會在 URL 中添加問號(?)。

解決方法

解決方案一:

需要在提交的方法中防止表單的默認提交行為。這可以通過在 <form> 標簽上使用 @submit.prevent 來實現,這樣可以在提交表單時阻止默認行為,同時調用你的提交方法。

當表單被提交時,Vue.js 會調用 enter?(你自定義的方法)方法,同時阻止表單的默認提交行為(例如刷新頁面或在 URL 中添加問號)。

解決方案二:

button標簽指明type=button,這樣就不會觸發表單的提交行為

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/17089.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/17089.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/17089.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

React Router v6:路由管理的最新進展

React Router v6 是 React 應用程序路由管理的一個重大更新&#xff0c;它引入了許多改進和簡化&#xff0c;包括對嵌套路由的更友好處理&#xff0c;以及對鉤子函數的使用。 2500G計算機入門到高級架構師開發資料超級大禮包免費送&#xff01; 1. Routes 重構 在 v6 中&…

Kubernetes數據存儲

1. 數據存儲 容器的生命周期可能很短&#xff0c;會被頻繁地創建和銷毀。那么容器在銷毀時&#xff0c;保存在容器中的數據也會被清除。這種結果對用戶來說&#xff0c;在某些情況下是不樂意看到的。為了持久化保存容器的數據&#xff0c;kubernetes引入了Volume的概念。 Volu…

HTML-JavaWeb

目錄 1.標題排版 2.標題樣式 ?編輯 ?編輯 小結 3.超鏈接 4.正文排版 ?編輯?編輯?編輯5.正文布局 6.表格標簽 7.表單標簽 8.表單項標簽 1.標題排版 ● 圖片標簽 :< img> src:指定圖像的ur1(絕對路徑/相對路徑) width:圖像的寬度(像素/相對于父元素的百…

【AD21】文件的整理

當所有文件輸出完成后&#xff0c;需要對不同的文件去做一個整理&#xff0c;方便后續工作的交接。 在項目工程文件夾下新建名稱為BOM、SMT、PRJ、Gerber和DOC的文件夾。 BOM文件夾存放BOM表發給采購人員。SMT文件夾存放裝配圖文件和坐標文件發給貼片廠。PRJ文件夾存放工程文件…

C++基礎:多態

多態相關 多態繼承重寫父類的虛函數多態的體現,父類的引用指向子類對象的空間虛函數可以實現,也可以不實現,不實現必須要有初始值存在未定義的虛函數的類為抽象類.抽象類不能實例化對象;(animal父類不能實例化對象)如果父類中的函數非虛函數,則會調用父類中的函數//多態的體現…

匯凱金業:紙黃金和實物黃金的價格有什么區別

紙黃金和實物黃金的價格主要受到全球黃金市場行情的影響&#xff0c;二者的基礎價格并無太大差異&#xff0c;但在具體交易時&#xff0c;可能會存在一些價格上的區別&#xff0c;這些差異主要來自以下幾個方面&#xff1a; 交易費用與管理費&#xff1a;紙黃金交易通常需要支…

python xls格式轉為xlsx格式

python 兩個表格字段列名稱值&#xff0c;對比字段差異-CSDN博客 import os import win32com.clientdef xls_to_xlsx(file_path, excel):"""將指定的xls文件轉化為xlsx格式file_path: 文件路徑excel: 代表Excel應用程序"""# 打開原始文檔workbo…

【Java】IdentityHashMap 的使用場景

文章目錄 前言1. Druid 應用場景2. IdentityHashMap 特性3. IdentityHashMap 同步化4. IdentityHashMap 處理key為空值后記 前言 最近有興趣看一下 Druid 連接池怎么做連接管理的&#xff0c;看到一個類 IdentityHashMap &#xff0c;這里記錄一下使用場景。 1. Druid 應用場…

代碼隨想錄算法訓練營第36期DAY41

DAY41 動態規劃理論基礎 還差閆氏分析法沒學完。見B站收藏夾。 前兩題學習初始化方式就好vector<int> dp(N1); 509斐波那契數 簡單。 class Solution {public: int fib(int N) { if (N < 1) return N; int dp[2]; dp[0] 0; dp[…

plt畫圖中文亂碼

1、使用font_manager的FontProperties解決 通過FontProperties來設置字符及大小&#xff0c;來解決中文顯示的問題&#xff0c;代碼如下&#xff1a; import matplotlib import matplotlib.pyplot as pltpath "..\simsun.ttc"#改成你自己的文件路徑 font FontProp…

【物聯網實戰項目】STM32C8T6+esp8266/mqtt+dht11+onenet+uniapp

一、實物圖 前端uniapp效果圖&#xff08;實現與onenet同步更新數據&#xff09; 首先要確定接線圖和接線順序&#xff1a; 1、stm32c8t6開發板連接stlinkv2下載線 ST-LINK V2STM323.3V3.3VSWDIOSWIOSWCLKSWCLKGNDGND 2、ch340串口連接底座&#xff08;注意RXD和TXD的連接方式…

NSS題目練習4

[LitCTF 2023]1zjs 打開后是一個游戲&#xff0c;用dirsearch掃描&#xff0c;什么都沒發現 查看源代碼搜索flag&#xff0c;發現沒有什么用 搜索php&#xff0c;訪問 出現一堆符號&#xff0c;看樣子像是jother編碼 解碼得到flag&#xff0c;要刪掉[] [LitCTF 2023]Http pro …

37、Flink 的窗口函數(Window Functions)詳解

窗口函數&#xff08;Window Functions&#xff09; a&#xff09;概述 定義了 window assigner 之后&#xff0c;需要指定當窗口觸發之后&#xff0c;如何計算每個窗口中的數據&#xff0c; 即 window function。 窗口函數有三種&#xff1a;ReduceFunction、AggregateFunc…

嵌入式學習記錄5.27(c++基礎1)

目錄 一.C和C的區別 二.輸入輸出流類 2.1輸出cout 2.2輸入cin 三.命名空間 2.1使用命名空間中的標識符 2.2命名空間中聲明函數 2.3命名沖突問題 2.4匿名空間 2.5命名空間添加&#xff0c;嵌套&#xff0c;重命名 四.字符串的使用 4.1string類 4.2C風格和C風格字符串…

LeetCode27.移除元素

題目鏈接&#xff1a; 27. 移除元素 - 力扣&#xff08;LeetCode&#xff09; 思路分析&#xff1a;同樣屬于經典的雙指針移動問題&#xff0c;要掌握固定的思路即可。 算法分析&#xff1a;這個題目可以這樣處理&#xff0c;我們把所有非val 的元素都向前移動&#xff0c;把…

Java面試八股之線程池是怎么實現的

線程池是怎么實現的 線程池是一種基于池化技術的線程管理方式&#xff0c;通過預先創建一定數量的線程并保持在池中待命&#xff0c;從而在有任務來臨時能夠快速分配線程處理任務&#xff0c;而無需頻繁創建和銷毀線程&#xff0c;以此達到提升系統性能、減少資源消耗的目的。…

推薦《從零開始大模型開發與微調》

大模型是深度學習是當前AI和NLP研究與產業中最重要的方向之一。 本書用PyTorch 2.0作為學習大模型的基本框架&#xff0c;以ChatGLM為例詳細講解大模型的基本理論、算法、程序實現、應用實戰以及微調技術&#xff0c;為讀者揭示大模型開發技術。 《從零開始大模型開發與微調&…

兩個數組的交集-力扣

想到的解法是使用兩個哈希表&#xff0c;s1用來統計nums1中出現過的數字&#xff0c;然后遍歷nums2數組&#xff0c;當能夠在s1中查找到nums2的元素時&#xff0c;將這個元素添加到s2中&#xff0c;最后遍歷s2&#xff0c;將其中的元素添加到返回數組中。 但最開始寫時&#xf…

外星人存在與否......----小話外星人(1)

前一段時間&#xff0c;看了好多關于UFO、外星人、宇宙、遠古外星人的視頻和電子書&#xff0c;最后發現&#xff0c;這樣的東西還是不要看多為好&#xff0c;搞得好像這些是真的似的&#xff0c;有時睡覺會被意外驚醒&#xff0c;想多了...... 1、外星人存在嗎 不管有多少UFO的…

Windows10映射網絡驅動器之后不顯示映射盤

目錄 背景解決步驟1、按 Windows R 打開運行2、打開注冊表編輯器3、 System上新建-- DWORD(32bit)4、對新建的文件重命名5、將EnableLinkedConnections的數值改為16、退出注冊表編輯器&#xff0c;重啟系統。 知識擴展斷開連接備份注冊表 背景 目前有一臺NAS服務器,和一臺lin…