VUE接收Spring MVC返回的ModelAndView内的属性

最新推荐文章于 2024-06-21 15:14:18 发布

风萧萧兮易水寒ˆ

最新推荐文章于 2024-06-21 15:14:18 发布

阅读量5.2k

点赞数 1

文章标签： vue java

本文链接：https://blog.csdn.net/xiaoxinxin_/article/details/107511456

版权

场景：最近在迁移代码环境，从以往JSP迁移到VUE，以往后台传前台通过ModelAndView传递视图与属性，现在VUE如何获取呢？现在总结了一下，看代码。

Vue：这样定义属性一定要加上 <script th:inline="javascript">

<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="layout" xmlns:v-bind="http://www.w3.org/1999/xhtml">


<script th:inline="javascript">

    var listMenu = [[${listMenu}]];
  

</script>

</html>

后台代码：

 @RequestMapping("/")
    public ModelAndView index() {
        List<Map<String,Object>> li = new ArrayList<>();
        ModelAndView mav = new ModelAndView();
        mav.addObject("listMenu",li);
        mav.setViewName("index");
        return  mav;
    }

注意：发现很多朋友发现一直报错 Uncaught SyntaxError: Unexpected token

解决办法：

需要引入依赖

  <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
            <version>1.5.18.RELEASE</version>
   </dependency>

spring:
  application:
    name: xxxserver
  profiles:
    active: dev
  thymeleaf:
    content-type: text/html
    prefix: classpath:/templates/
    mode: LEGACYHTML5
    encoding: UTF-8
    cache: false

风萧萧兮易水寒ˆ

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
VUE接收Spring MVC返回的ModelAndView内的属性

场景：最近在迁移代码环境，从以往JSP迁移到VUE，以往后台传前台通过ModelAndView传递视图与属性，现在VUE如何获取呢？现在总结了一下，看代码。Vue：这样定义属性一定要加上<script th:inline="javascript"><script th:inline="javascript"> var listMenu = [[${listMenu}]]; </script>后台代码： @RequestMappin..
复制链接

扫一扫