thymeleaf与vue结合使⽤时，vue如何取模板⾥的值
<li th:each="grade : ${grades}" th:v-bind:class="|{current: gradeId==${grade.id}}|">
<a th:title="${grade.name}" href="javascript:void(0)"  th:id="${grade.id}"
th:text="${grade.name}"  th:@click="|getCourses(${grade.id},subjectId,1)|"
>⼆年级</a></li>
th:@click="|getCourses(${grade.id},subjectId,1)|"
@click为VUE⾥绑定的点击事件，此时事件存在于thymeleaf的循环th:each下的元素，getCourses() 为vue⾥的⽅法属于js，但是需要取到模板⾥产⽣的值<；年级id>
此时可以⽤th:v-on:"| |" 或者th:@click="| | " 简单来说就是将前端的⽅法当作字符串拼接起来，前⾯加th：就能解析${grade.id} 的值
thymeleaf用法th:v-bind:class="|{current: gradeId==${grade.id}}|"
同理，绑定class⽤于样式也能如此

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。