Question

我希望在我的JSP文件中加入一些反应性的vueJS。但是，JSP解析器无法识别Vue指令，这会引发错误：net :: ERR_INCOMPLETE_CHUNKED_ENCODING。

示例是：

val newRDD = myRDD.filter(x => (x._1 != null) && (x._1.length > 0))

这里的v-for指令似乎是一个问题。

无论如何你可以建议解决这个问题？我想在我的JSP中使用Vue。

Answer 1

上面的代码不起作用，因为我引用了我的vue＆＃39; el＆＃39;错误的元素。

以下代码段工作并显示可以将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>

Vue.js指令在JSP中不起作用

1 个答案: