ssm框架里面前端拿HTML写,ssm框架引入Vue,声明式渲染,标签的href拼接字符串
一、引入Vue
在官網(wǎng)上下載vue.js。并用
1.下載Vue.js,地址:Vue.js下載地址
二、通過(guò)ajax獲取后臺(tái)參數(shù),使用Vue渲染
調(diào)用后臺(tái)control,獲取到數(shù)據(jù),傳到前端,使用Vue進(jìn)行渲染。
//詳細(xì)分類,使用Vue渲染
function findSortDetail(){
$.post("sortdetail/findAllSrotdetail.action",function(data){
var json = JSON.parse(data);
console.log(json.sortDetails);
new Vue({
el: '#sortDetails',
data: {
sortDetails: json.sortDetails
}
})
});
}
渲染結(jié)果顯示部分:
:href="'a.action?sortDetailId='+sortDetail.sortDetailId">
{{ sortDetail.sortDetailName }}
注意:標(biāo)簽中的href中,采用字符串拼接的形式,href前面需要加 : ,同理title前面也要加 :?才能使用Vue渲染后的數(shù)據(jù)。
總結(jié)
以上是生活随笔為你收集整理的ssm框架里面前端拿HTML写,ssm框架引入Vue,声明式渲染,标签的href拼接字符串的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 移动WEB的页面布局
- 下一篇: HTML、CSS知识点总结,浅显易懂。