[英]Vue.js directives do not work in JSP
我希望在我的JSP文件中合並一些響應式vueJS。 但是,JSP解析器無法識別Vue指令,這會引發錯誤:net :: ERR_INCOMPLETE_CHUNKED_ENCODING。
例子是:
<tbody id="items-${job.id}" v-for="item in items"> <tr>Item id = {{item.id}}</tr> ....
這里的v-for指令似乎是一個問題。
無論如何,您可以建議解決此問題? 我很想在我的JSP中使用Vue。
上面的代碼不起作用,因為我將vue'el'引用到錯誤的元素。
以下代碼段可以正常工作,並表明可以將Vue.js與JSP一起使用。
<div id="vue-test">
<div v-for="item in items" :key="item.id">
<p>Item id={{item.id}}, jobItemStatus = {{item.jobItemStatus}}</p>
</div>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
var vueItems = new Vue({
el: '#vue-test',
data: {
items : []
},
mounted: function(){
<c:forEach items="${job.jobItems}" var="item" varStatus="status">
this.items = this.items.concat({
id: ${item.id},
receptionDate : "${item.receptionDate}",
deliveryDate : "${item.deliveryDate}",
jobItemStatus : "${item.jobItemStatus}"
});
</c:forEach>
}
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.