首页 > 解决方案 > 如何在 Vue 中获取模型属性?

问题描述

如何在 Vue 中获取模型属性?这是我在后端(Spring)中的控制器。

@CrossOrigin(origins = "http://localhost:8080")
@PutMapping("/board/postlist")
public String boardList(Model model){
    model.addAttribute("posts", postService.findAllDesc());
    model.addAttribute("attrTest", "WHATTHOE");
    return "IndexController.update() working";
}

posts是一个列表。首先,我猜我的列表或某事是错误的。所以我添加了另一个字符串属性attrTest,但仍然有问题......这是我的 vue 模板。

      <b-textarea placeholder="${attrTest}"></b-textarea>

这是我的 vue 脚本的一部分。

<script>
export default {
      name: "postList",
      data: ()=>({
        content:'',
        author:'',
      })
    }
    </script>

屏幕仅以文本形式显示 ${attrTest}。它似乎无法识别变量。

我一直在寻找很多解决方案,但它对我不起作用。我像 jquery 一样尝试了 ${} ,但也失败了。也许我的项目没有 jquery ......我在我的 pakage.json 中也找不到 jquery。

在 mustache 中,我只写 {{#posts}} 来获取模型属性。也可以成功使用 Axios 结果,但是使用 Vue 解决方案无法获取模型属性吗?像 $attr 或某事。有必要安装jquery吗?

现在我不知道从哪里开始。posts我整天都在尝试获取列表。我真的需要帮助。

标签: springmodel

解决方案


如果您使用 Thymeleaf 作为视图解析器,请尝试 th:placeholder


推荐阅读