小编lbr*_*ris的帖子

BootstrapVue 和 VueJS 中的布尔显示值

在我的项目中,我使用BootstrapVueVueJS. 我目前正在做一个b-table并且我在它的字段中有一个布尔字段。它显示正确truefalse,但我想显示其他内容(例如:ActivefortrueInactivefor false)。我还没有找到任何关于如何做到这一点的信息(如果有内置的东西,我还没有在文档中看到它)。这是我当前的b-tableof字段声明BootstrapVue

table_fields: [
  { key: 'username', sortable: true },
  { key: 'firstName', sortable: true },
  { key: 'lastName', sortable: true },
  { key: 'isActive', sortable: true, label: 'Status'},
  { key: 'actions', label: 'Actions' }
]
Run Code Online (Sandbox Code Playgroud)

我想改变行为的领域是isActive.

预先感谢您的提示!:)

vue.js bootstrap-vue

5
推荐指数
1
解决办法
1103
查看次数

DRF:具有基于函数的视图的自定义权限类中的参数

我使用Django Rest Framework来构建我的 API,它工作得很好。我使用基于函数的视图来管理我的端点。它也工作得很好,但我试图添加自定义权限类并在其中添加参数不起作用。

我的端点之一的示例:

@api_view(http_method_names=["GET"])
@permission_classes([IsAuthenticated])
def team_kanban(request):
    """
    List all Helpdesk Teams with kanban fields.
    """
    teams = HelpdeskTeam.objects.all()
    return Response(HelpdeskTeamKanbanSerializer(teams, many=True).data)
Run Code Online (Sandbox Code Playgroud)

它工作没有任何问题。但是当我尝试这样做时:

@api_view(http_method_names=["GET"])
@permission_classes([IsAuthenticated, HasPermission("view_helpdeskteam")])
def team_kanban(request):
    """
    List all Helpdesk Teams with kanban fields.
    """
    teams = HelpdeskTeam.objects.all()
    return Response(HelpdeskTeamKanbanSerializer(teams, many=True).data)
Run Code Online (Sandbox Code Playgroud)

使用此自定义权限类:

from rest_framework import permissions


class HasPermission(permissions.BasePermission):
    """
    Allows access only to users who have the appropriate permission.
    """

    permission_codename = ""

    def __init__(self, permission_codename):
        super().__init__()
        self.permission_codename = permission_codename …
Run Code Online (Sandbox Code Playgroud)

django django-rest-framework

3
推荐指数
1
解决办法
1909
查看次数

如何在父组件中发送模态结果

我正在使用 vuejs 和 bootstrap-vue。我有两个组件。对象列表和我的模式。当我单击特定按钮时,我会打开模式。通常,我的模式会询问:“您确定要删除这些记录吗?” 例如。

一切正常,但我不知道如何在父组件中检索模式的结果(如果我单击“确定”或“取消”,...)。

我该怎么办呢?

由于我的模式是这样打开的:

在我的父组件(列表)中:

deleteSelectedGroups () {
  const modalOptions = {
    action: 'delete',
    records: this.selectedGroups,
    recordFields: ['name', 'usersCount'],
    okTitle: 'Delete',
    okVariant: 'danger'
  }
  this.showModalConfirmation(modalOptions)
  // ...
  // if result of modal is true then ...
},

showModalConfirmation (modalOptions) {
  this.$refs.ModalConfirmation.show(modalOptions)
}
Run Code Online (Sandbox Code Playgroud)

在我的模态组件中:

show (modalOptions) {
  for (let option in modalOptions) {
    this[option] = modalOptions[option]
  }
  this.$bvModal.show('modalConfirmation')
}
Run Code Online (Sandbox Code Playgroud)

我应该简单地通过用我的方法返回值来做到这一点吗?

或者我应该采用 vuejs 方式并向父级发出一个变量?

编辑:我希望我的流程如何(伪代码):

deleteselectedGroups () {
  openModal()
  modalAnswer = modal.getAnswer()
  if (modalAnswer === 'OK') {
    deleteMyRecords() …
Run Code Online (Sandbox Code Playgroud)

vue.js bootstrap-vue

1
推荐指数
1
解决办法
2511
查看次数

CSS nth-child 选择器在 Outlook/Gmail 中不起作用

我在执行某些操作时发送邮件,其中一些包含 HTML 表。我想对表中 2 行中的 1 行进行着色,为此我使用以下规则:

tr:nth-child(even) {
  background-color: #c4409720;
}
Run Code Online (Sandbox Code Playgroud)

在 mailhog 中,输出是完美的并且可以工作,但是一旦在 Outlook 或 Gmail 中查看电子邮件,行就不会着色。请注意,我不知道我会提前有多少行,因为邮件模板是用列表和循环填充的。

我猜这些邮件客户端不支持选择器?

那么我怎样才能以那些邮件客户端能够理解的方式实现这一点呢?

提前致谢 !

outlook gmail mako css-selectors html-email

0
推荐指数
1
解决办法
5850
查看次数