Здравствуйте, у меня в настоящее время возникают проблемы с отладкой проблемы на моем тестовом сайте, что произошло, так это то, что панели расширения не отображаются из-за того, что какой-то атрибут стиля прикреплен к элементу div v-панель расширения__тело. Это не происходит на моем локальном. Оба выполняют npm запустить сборку при создании приложения.
Ниже мои коды
Шаблон
<v-expansion-panel
light
class = "elevation-0">
<v-expansion-panel-content
v-for = "(acl, moduleIndex) in aclModuleAndActionItems"
:key = "moduleIndex">
<template v-slot:header>
<div>
<h3>
{{acl.module_name}}
</h3>
</div>
</template>
<v-card
flat
class = "elevation-0">
<v-card-text class = "pa-0">
<div
v-for = "(action, actionIndex) in acl.action_names"
:key = "actionIndex">
<div class = "pl-5">
<v-checkbox
:disabled = "!role"
:label = "action | underscoretospace"
color = "green"
class = "pt-2 pb-2 pl-5 pr-4"
@change = "validateAclRole($event, role, acl.module_name, action)">
</v-checkbox>
</div>
<v-divider v-if = "actionIndex < (acl.action_names.length - 1)"></v-divider>
</div>
</v-card-text>
</v-card>
</v-expansion-panel-content>
</v-expansion-panel>
Скрипт
<script>
import { AclModuleAndActionItems } from '~/static/AclModuleAndActionItems.js'
export default {
data() {
return {
aclModuleAndActionItems: ( AclModuleAndActionItems ) ? AclModuleAndActionItems : [],
role: ''
}
}
}
</script>
Массив списков контроля доступа
export const AclModuleAndActionItems = [
{
"module_name": "acl",
"action_names": [
"create",
"destroy",
"edit",
"index",
"show",
"store",
"update"
]
},
{
"module_name": "projects",
"action_names": [
"create",
"destroy",
"edit",
"index",
"show",
"store",
"update"
]
},
{
"module_name": "tasks",
"action_names": [
"create",
"destroy",
"edit",
"index",
"pending_task",
"show",
"store",
"update"
]
}
]
Показать на моем локальном



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


В итоге используется приведенный ниже код для заголовков панелей, и атрибут стиля больше не добавляется в заголовок панели расширения.
<div slot = "header">
<h3>{{acl.module_name}}</h3>
</div>
Не уверен, почему использование шаблона добавляет атрибут стиля в моем случае
<template v-slot:header>
<div>
<h3>{{acl.module_name}}</h3>
</div>
</template>