vue触发原生form提交到指定action地址

不同平台之间的跳转,需要通过form表单的形式提交到指定的action地址, 下面的代码将表单内容设置为hidden类型,进行隐藏:

    <form method="post" :action="url" ref="form">
      <input
        v-for="item in formData"
        type="hidden"
        :name="item.name"
        :value="item.value"
        :key="item.name"
      />
    </form>

 在vue中触发原生from的submit提交表单操作:

this.$refs.form.submit();

相关推荐

  1. vue触发原生form提交指定action地址

    2024-05-09 12:40:02       32 阅读
  2. Vuex中的dispatch用来触发(派发)action

    2024-05-09 12:40:02       59 阅读
  3. django form 将表单数据发送后端触发弹窗

    2024-05-09 12:40:02       34 阅读
  4. vue v-for指令

    2024-05-09 12:40:02       36 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-09 12:40:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-09 12:40:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-09 12:40:02       87 阅读
  4. Python语言-面向对象

    2024-05-09 12:40:02       96 阅读

热门阅读

  1. c++中constexpr的一个用法——在泛型编程中的作用

    2024-05-09 12:40:02       34 阅读
  2. docker 部署并运行一个微服务

    2024-05-09 12:40:02       34 阅读
  3. Stylus:深入解析与实战引入

    2024-05-09 12:40:02       37 阅读
  4. 【Leetcode 每日一题】26. 删除有序数组中的重复项

    2024-05-09 12:40:02       32 阅读
  5. qt day 3

    qt day 3

    2024-05-09 12:40:02      30 阅读
  6. Android中gradle.properties 和 gradle-wrapper.properties 作用

    2024-05-09 12:40:02       36 阅读
  7. IMX6Ull驱动学习-“原汁“kernel

    2024-05-09 12:40:02       35 阅读
  8. 2024.5.6 —— LeetCode 高频题复盘

    2024-05-09 12:40:02       34 阅读