問題描述

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

ul(class='communityList') each item in tree a(href='http://www.cgvv.com.cn/wenda/joingroup/1') li(class='CommList') p(class='comLogo') if item.img img(src='http://www.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')='簡介：' + item[’content’] if item[’join’] == 0 p(class='button')='加入' /* 我想給這個按鈕添加點(diǎn)擊事件 */ else a(href='http://www.cgvv.com.cn/wenda/8085.html' class='ybutton')='已加入'

第二個問題：頁面數(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’]}); }); /* 如果把第二個接口寫在這里 也不行，再次render 會報(bào)錯！！！ */});

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

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

問題解答

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

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

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

比如在koa下的寫法：

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