問題描述

工作中用到了express，也是第一次使用express模板引擎也是一時(shí)半會(huì)適應(yīng)不了！不過(guò)這不是重點(diǎn)。第一個(gè)問題：怎么添加點(diǎn)擊事件（類似vue，angular什么的寫法：v-bind=xxx???有這樣的？？）

ul(class='communityList') each item in tree a(href='http://m.cgvv.com.cn/wenda/joingroup/1') li(class='CommList') p(class='comLogo') if item.img img(src='http://m.cgvv.com.cn/wenda/8085.html#{item[’img’]}') else img(src='http://cdn.duitang.com/.thumb.600_0.jpeg') p(class='content') p(class='cTitle')=item[’name’] p(class='comInfo')='簡(jiǎn)介：' + item[’content’] if item[’join’] == 0 p(class='button')='加入' /* 我想給這個(gè)按鈕添加點(diǎn)擊事件 */ else a(href='http://m.cgvv.com.cn/wenda/8085.html' class='ybutton')='已加入'

第二個(gè)問題：頁(yè)面數(shù)據(jù)全從接口拿所以：

router.get(’/join’, function (req, res, next) { request.post({url: ’https://api.xxx.com/bbs/list’, form: {userId: 10000}}, function (err, httpResponse, body) {body = JSON.parse(body);res.render(’join’, {tree: body[’return’]}); }); /* 如果把第二個(gè)接口寫在這里 也不行，再次render 會(huì)報(bào)錯(cuò)！??！ */});

這一個(gè)接口只能拿頁(yè)面的一部分?jǐn)?shù)據(jù)，但是，還有一部分?jǐn)?shù)據(jù)需要訪問另一個(gè)接口，總不能寫兩次路由吧(上面那個(gè)是用路由寫的)？寫兩個(gè)也沒用啊。

問題就是這兩個(gè)，不知道表達(dá)清楚沒有。1、怎么給元素綁定事件？2、怎么在同一個(gè)頁(yè)面上訪問兩個(gè)接口

問題解答

1.可以直接在元素上寫onclick='要執(zhí)行的函數(shù)',或者在模板底部引入新js,在js中查找dom元素綁定,比如var ele=document.getElement('button').addEventlistener('click',function(){要執(zhí)行的邏輯})2.可以綁定動(dòng)態(tài)name,或者加個(gè)參數(shù)判斷

第一個(gè)問題：https://forum-archive.vuejs.o...第二個(gè)問題：你可以在后端請(qǐng)求兩個(gè)接口，然后把兩個(gè)接口請(qǐng)求到的數(shù)據(jù)放進(jìn)一個(gè)對(duì)象里面在頁(yè)面上使用，也可以前端頁(yè)面用js請(qǐng)求另一個(gè)接口的數(shù)據(jù)然后使用

另外寫一個(gè)js文件，在pug里面通過(guò)script標(biāo)簽引入，js文件要用express的static方法包裝一下。

比如在koa下的寫法：

app.use(mount(’/static’, serve(__dirname + ’/app/static’)));