單頁(yè)版緩存問題

由于單頁(yè)面版本的視圖文件和靜態(tài)資源模塊都是動(dòng)態(tài)加載的，所以可能存在瀏覽器的本地緩存問題，事實(shí)上我們也考慮到這個(gè)，因此，為了避免改動(dòng)后的文件未及時(shí)生效，你只需在入口頁(yè)面（默認(rèn)為start/index.html）中，找到?layui.config?，修改其?version?的值即可。

我們推薦你分場(chǎng)景來(lái)更新緩存：

• 場(chǎng)景一：如果項(xiàng)目是在本地開發(fā)。你可以設(shè)置 version 為動(dòng)態(tài)毫秒數(shù)，如：

version: new Date().getTime() //這樣你每次刷新頁(yè)面，都會(huì)更新一次緩存

---

• 場(chǎng)景二：如果項(xiàng)目是在線上運(yùn)行。建議你手工更新?version，如：

version: '1.0.0' //每次發(fā)布項(xiàng)目時(shí)，跟著改動(dòng)下該屬性值即可更新靜態(tài)資源的緩存

動(dòng)態(tài)模板中的 select 正確用法

當(dāng)你試圖用動(dòng)態(tài)模板輸出?<select>元素 的?<option></option>?時(shí)，務(wù)必注意不要將動(dòng)態(tài)模板結(jié)構(gòu)放在 select 內(nèi)部，而應(yīng)該將 select 整體放在動(dòng)態(tài)模板內(nèi)，然后在遍歷輸出 option，如：

<script type="text/html" lay-url="" template><select name="" lay-filter="">{{# layui.each(d, function(index, item){ }}<option value="{{ item.value }}">{{ item.title }}</option>{{# }); }}</select> </script>

由于 select 標(biāo)簽的特殊性，很多同學(xué)將?<script type="text/html" lay-url="" template> </script>?放在了?select?標(biāo)簽的里面，導(dǎo)致無(wú)法正確輸出相應(yīng)視圖，所以請(qǐng)務(wù)必糾正寫法。

刷新動(dòng)態(tài)模板

如果需要對(duì)一個(gè)已經(jīng)渲染完畢的動(dòng)態(tài)模板再次進(jìn)行刷新，可以借助 view 模塊的 refresh 方法。方法如下：

<script type="text/html" id="testID" template lay-url="" lay-data="" lay-done=""><div lay-templateid="testID"> <!-- 注意：此處 lay-templateid 屬性值需要與模版定義的 ID 值一致 -->內(nèi)容放此處</div> </script>

然后在需要執(zhí)行模版刷新的地方執(zhí)行：

view('testID').refresh();

即可完成刷新。

設(shè)置 table 的 token

盡管?admin.req()?方法會(huì)自動(dòng)傳遞 token，但 layui 中涉及到接口請(qǐng)求的公共組件（如：table、upload）并不走 admin.req()，這時(shí)就需要你獲取本地存儲(chǔ)的 token 賦值給接口參數(shù)，方式如下：

• 方式一：設(shè)置單個(gè) table 實(shí)例的 token

//設(shè)置單個(gè) table 實(shí)例的請(qǐng)求 token table.render({elem: '#xxxx',url: 'url',headers: { //通過 request 頭傳遞access_token: layui.data('layuiAdmin').access_token},where: { //通過參數(shù)傳遞access_token: layui.data('layuiAdmin').access_token} });

• 方式二：設(shè)置全局 table 實(shí)例的 token（推薦）

//所有 table 實(shí)例均會(huì)有效，這樣就不用在每個(gè) table.render() 都設(shè)置一次 token table.set({headers: { //通過 request 頭傳遞access_token: layui.data('layuiAdmin').access_token},where: { //通過參數(shù)傳遞access_token: layui.data('layuiAdmin').access_token} });

注意：

• 一般情況，結(jié)合你的實(shí)際需求，headers 和 where 二者中設(shè)置一個(gè)即可。
• 這里 access_token 的命名對(duì)應(yīng) config.js 定義的 tokenName 的值

總結(jié)

以上是生活随笔為你收集整理的layuiAdmin 常见问题与解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。