vue与thymeleaf结合使用注意事项

小咪咪 2022-05-15 01:07 893阅读 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 条评论，893人围观）

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

相关阅读

相关 [Protobuf]安装与使用以及注意事项

版本 mac上的protobuf版本与 Java引入的protobuf包的版本需要一致如都是2.4.1 这样才能不至于在做引用方法的时候出错。安装与使用

短命女/ 2023年02月20日 07:18/ 0 赞/ 15 阅读

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

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

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

相关 Vue--注意事项

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

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

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

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

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

相关 CFileDialog使用注意事项

使用MFC编程的时候会使用CFileDialog对文件夹或者文件路径的获取.但是在使用时候注意如下这个函数 CString GetFolderPath() const

青旅半醒/ 2022年08月18日 08:17/ 0 赞/ 314 阅读

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

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

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

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

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

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

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

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

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

相关 JDBC的使用步骤与注意事项

一、注册JDBC驱动在开发中，我们用到的数据库可能不止一种，接下来我们来讲一下常用的数据库的驱动。首先，我们需要准备数据库连接所需的jar包。一般有两种方式

我就是我/ 2022年02月22日 19:59/ 0 赞/ 404 阅读

相关 webpack与vue结合使用

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

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