框架: Django + Layui
背景:
我想在前端实现根据值显示不同按钮的效果,如:
实现的方法是在layui表格的对应项设置templet,如:
{field: 'status', title: '审核状态', templet:'#buttonTpl', align: 'center'}
再在别的地方贴上代码:
<script type="text/html" id="buttonTpl">
{{# if(d.status == '已审核'){ }}
<button class="layui-btn layui-btn-xs">已审核</button>
{{# } else { }}
<button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button>
{{# } }}
</script>
问题来了,{# #}
是django在前端的备注格式,Django会和上面的laytpl模版语法冲突
解决办法:
在对应代码块的前后分别加上{% verbatim %}
和{% endverbatim %}
即可
<script type="text/html" id="buttonTpl">
{% verbatim %}
{{# if(d.status == '已审核'){ }}
<button class="layui-btn layui-btn-xs">已审核</button>
{{# } else { }}
<button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button>
{{# } }}
{% endverbatim %}
</script>