首页 > 其他分享 >在vue项目开发过程中,输入框以表单形式提交后,路径中多了问号?

在vue项目开发过程中,输入框以表单形式提交后,路径中多了问号?

时间:2023-11-14 14:55:19浏览次数:29  
标签:vue http 8100 表单 输入框 中多

结果是:http://localhost:8100/#/  改变为  http://localhost:8100/?#/  导致路由跳转出现问题。   原因:这里是 form 表单,点击了button 按钮,触发了他的默认事件,就是触发了提交这个行为。   解决方案:使用@click.prevent 阻止默认事件   <a-button type="primary" @click.prevent="handleSubmit" >  确认  </a-button>  

标签:vue,http,8100,表单,输入框,中多
From: https://www.cnblogs.com/shuihanxiao/p/17831589.html

相关文章

  • vuejs3.0 从入门到精通——Pinia——Store 是什么?
    Pinia——Store是什么?https://pinia.vuejs.org/zh/getting-started.html#what-is-a-store一、Store是什么? Store(如Pinia)是一个保存状态和业务逻辑的实体,它并不与你的组件树绑定。换句话说,它承载着全局状态。它有点像一个永远存在的组件,每个组件都可以读取和写入它。......
  • 深入理解 Vuex
    Vue.js是一款轻量级、灵活且易学的前端框架,但随着应用的复杂性增加,组件之间的状态管理变得愈发复杂。为了解决这一问题,Vue.js提供了一个强大的状态管理工具——Vuex。在本篇博客中,我们将深入探讨Vuex的核心概念和使用方法,并通过实例演示如何优雅地管理应用状态。什么是Vuex?Vue......
  • Vue3实现图片滚轮缩放和拖拽
    在项目开发中遇到一个需求:1:用鼠标滚轮可对图片进行缩放处理2:点击按钮可对图片进行缩放处理3:可对图片进行拖拽处理 我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用  <template><divref="imgWrap"class="wrap"@mousewheel.prevent="rollImg"......
  • vue初始
    简介Vue的两个核心功能:声明式渲染:Vue基于标准HTML拓展了一套模板语法,使得我们可以声明式地描述最终输出的HTML和JavaScript状态之间的关系。响应性:Vue会自动跟踪JavaScript状态并在其发生变化时响应式地更新DOM。API风格Vue的组件可以按两种不同的风......
  • 由于Vue实例没有执行DOM挂载,所以不会执行mounted钩子函数
    现有以下代码,打印的结果是()newVue({data:{a:'first',b:'second'},created:function(){console.log(this.a)},mounted(){console.log(this.b)}})A'first'B'first''second'Cundefinedunde......
  • 手撕Vuex-安装模块数据
    前言根据上一篇,【手写Vuex】-提取模块信息,我们已经可以获取到模块的信息了,将模块信息变成了我们想要的数据结构,接下来我们就要根据模块的信息,来安装模块的数据。在上一篇当中我们定义了一个ModuleCollection类,这个类的作用就是将模块的信息转换成我们想要的数据结构。接下来......
  • vue3中的vue-18n的table表格标题不动态变化中英文
    使用computed即可 eg:constcolumns=computed(()=>{returnreactive<any>([{title:proxy.$t('device.pm.table.index'),dataIndex:'index',width:50,slotName:'indexsort',ellipsis:true,......
  • vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记:oldStart
    关于Vue中的diff算法说法错误的是()A比较只会在同层级节点进行比较,不会跨层级比较B在diff比较的过程中,循环从两边向中间收拢。Cvue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记:oldStartIdx、oldEndIdx、newStartIdx、newEndIdxD当老VNode节......
  • router其实是VueRouter的一个实例,所以它是一个全局对象,包含了所有的子对象和属性
    router其实是VueRouter的一个实例,所以它是一个全局对象,包含了所有的子对象和属性而route是正在跳转的这个路由的局部对象,可以获取这个正在跳转的路由的name,path,params,query等this.$router全局的路由对象,options.routes包括所有的路由路径,this.$router.push()this.$rout......
  • Vue 在内部对异步队列尝试使用原生的 Promise.then、MutationObserver 和 setImmedia
    下列关于Vue的描述错误的是()A当给某个组件修改某个值时,该组件不会立即重新渲染BVue内部使用原生Promise.then、MutationObserver和setImmediate实现异步队列,不会采用setTimeout(fn,0)C$nextTick()返回一个Promise对象D$nextTick()可以配合async/await使用正确答案:B官......