可以通过在Vue中使用axios库向后端发送POST请求,并将Vue中的值作为请求的参数传递给MVC控制器。

以下是一个简单的示例:

Vue组件中的axios请求:

import axios from 'axios';

export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    submitForm() {
      axios.post('/Controller/Action', {
        inputValue: this.inputValue
      }).then(response => {
        // 处理响应
      }).catch(error => {
        // 处理错误
      });
    }
  }
}

MVC控制器中的Action方法:

[HttpPost]
public ActionResult Action(string inputValue)
{
    // 处理传递过来的值
    return View();
}

在上述示例中,axios.post()方法向MVC控制器发送POST请求,请求的URL为“/Controller/Action”。请求的参数是一个包含Vue组件中的inputValue值的对象。MVC控制器中的Action方法接收这个参数,并将其作为字符串类型的inputValue参数进行处理。在实际应用中,可以根据需要进行参数的类型转换、验证等处理

在ASPNET MVC框架中使用VUE如何实现跳页面时将Vue的值以post形式传给MVC控制器

原文地址: https://www.cveoy.top/t/topic/hxoo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录