vue与thymeleaf结合使用注意事项

小咪咪 2022-05-15 01:07 985阅读 0赞

1.html模板页面中需要加入如下代码   
`<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">`

2.script需要增加标签   
`<script th:inline="javascript">`

3.html中获取数据   
`<input th:value="${order.channelId}" v-model="order.channelId"/>`

4.在script中还需要使用注释标签将脚本代码包围起来，防止在js代码中存在&符号的时候报下面的异常：   
org.xml.sax.SAXParseException: The entity name must immediately follow the ‘&’ in the entity reference.   
  
`//<![CDATA[  var vue = new Vue({  el: '#product-list',  data: {  order: {  channelId: '',  actCode: '',  channelUserId: '',  insertUserId: '',  sellerId: '',  src: ''  }  },  methods: {  created() {  this.order = [[${order}]]  }  })  //]]>`   
但是在html中可以通过将`&`改为`&`的方式修改

5.在javascript中获取后端传过来的数据时   
`this.order = [[${order}]]`

6.使用thymeleaf必须要有终止符（此问题在thymeleaf3中已经解决）   
**错误写法**   
`<meta charset="UTF-8">`   
**正确写法**   
`<meta charset="UTF-8" />`

7.html代码中，不能使用vue的`@click`，而应该使用`v-on:click`

8.vue异常：   
Invalid handler for event “click”: got undefined原因为，在methods中没有定义对应方法

发表评论取消回复

表情：

评论列表（有 0 条评论，985人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue生命周期函数执行顺序（使用注意事项）

文章目录 beforeCreate created beforeMount mounted beforeUpdate updated

川长思鸟来/ 2024年03月22日 15:15/ 0 赞/ 116 阅读

相关 vue项目注意事项

vue项目注意事项 1. 文件和路由命名规范 views里面代表的是你下面导航中的每一块，每个文件名需要大写，路由命名全部小写，第一层路由就是最下面的那几个导航的名

港控/mmm°/ 2023年06月01日 12:53/ 0 赞/ 119 阅读

相关使用mysql注意事项_使用MySQL的注意事项

安装MySQL时候的注意事项？ 1、如果您是用MySQL+Apache，使用的又是FreeBSD网路操作系统的话，安装时候你应按注意到FreeBSD的版本问题，在FreeBS

我会带着你远行/ 2022年10月25日 01:44/ 0 赞/ 420 阅读

相关 vue3使用vue-seamless-scroll注意事项

1.安装vue-seamless-scroll 插件 npm install vue-seamless-scroll --save 2.引用并注册 imp

蔚落/ 2022年10月17日 01:55/ 0 赞/ 68 阅读

相关 Vue--注意事项

原文网址：[Vue--注意事项\_IT利刃出鞘的博客-CSDN博客][Vue--_IT_-CSDN] 滚动其他网址 > [vue 中监听document.body.

缺乏、安全感/ 2022年08月31日 09:56/ 0 赞/ 238 阅读

相关 AudioRecord 使用小结与注意事项

使用专门的线程读取数据，容易出现buffer overflow。使用 setRecordPositionUpdateListener时，要注意两个问题：一：

分手后的思念是犯贱/ 2022年08月25日 12:53/ 0 赞/ 369 阅读

相关使用NSArray与NSMutableArray的注意事项

1.数组里面只能存放OC对象,并且以nil结尾 2.基本数据类型需要使用NSNumber进行包装以后才能放到NSArray或者NSMultableArray中 3.结构体需

悠悠/ 2022年08月05日 04:23/ 0 赞/ 273 阅读

相关 vue与thymeleaf结合使用注意事项

1.html模板页面中需要加入如下代码 `<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:

小咪咪/ 2022年05月15日 01:07/ 0 赞/ 986 阅读

相关项目中使用thymeleaf前后台一起开发注意事项

[项目中使用thymeleaf前后台一起开发注意事项][thymeleaf] [thymeleaf]: https://blog.csdn.net/qq_19408473/

ゝ一世哀愁。/ 2022年04月10日 06:59/ 0 赞/ 291 阅读

相关 webpack与vue结合使用

例1：在webpack使用web 安装vue \`cnpm i vue -S 在index.html使用插件表达式来访问vue实例中的数据 <div

系统管理员/ 2022年01月18日 23:27/ 0 赞/ 454 阅读