如何在 Vue JS 模板中检查 Django 权限答案

【问题标题】：How to check Django permissions in Vue JS template如何在 Vue JS 模板中检查 Django 权限
【发布时间】：2018-10-04 15:15:37
【问题描述】：

我想v-show 一个基于 Django 权限的标签，如下所示：

<label for="input"
       class="ui right floated icon button" :class="color"
       v-show="(!is_existing) && {{perms.auth.has_permission}}">
    <i class="file text icon"></i>
    'Upload'
</label>

然而，Vue JS 抱怨是因为Property or method "False" is not defined on the instance but referenced during render.。

有没有办法访问v-show里面的权限？

【问题讨论】：

你可以尝试使用标签较低的v-show="(!is_existing) && {{perms.auth.has_permission|lower}}">
可行，请随意创建答案！
很高兴为您提供帮助
您需要通过 Rest Framework 将 Django 权限对象打包到 API 调用中（例如，制作一个使用 Auth.Permissions 作为套件查询集的 ListView），然后您可以通过API 并将它们加载到 Javascript 变量中。或者，您可以有一个 API 方法来检查用户是否存在权限字符串。
@Darkstarone 好的。谢谢你。我会这样做。

标签： django vue.js permissions

【解决方案1】：

在 js 中 boolean true 是小写但在 python 中以大写开头，所以你可以尝试使用标签lower

v-show="(!is_existing) && {{perms.auth.has_permission|lower}}">

【讨论】：