Question

我正在从后端加载数据列表，我需要在Vue对象中使用模板制作的模态中显示'em'；但是我对几个iten具有相同的模态，我的意思是，在显示的这几个寄存器中，用户可以单击“编辑”（每个寄存器都有其自己的编辑按钮），然后显示该特定寄存器并将其加载到模态。但这在第一时间效果很好。如果我关闭模式并尝试“编辑”另一个寄存器，则模式中的数据来自先前的寄存器。有没有一种为每个寄存器创建模态的方法，当我尝试“编辑”该特定寄存器的模态时？就像每个寄存器都有自己的模态可以显示并已经加载一样。

这是Vue中的一种方法，该方法接收寄存器（fechamento）并将其加载到当前对象并显示模态。

prepararRegistro: function (fechamento) {
    var self = this;
    fechamentoAntesEdicao = fechamento;
    self.carregarListaGruposDisponiveis();
    // Se for diferente de undefined, então é uma alteração.
    if (fechamento.Codigo !== undefined) {

        self.codigo = fechamento.Codigo;
        self.tipoGeracao = fechamento.TipoGeracao.Codigo;
        self.dataSolicitacao = self.formatarData(fechamento.DataSolicitacao);
        self.periodoBaseFechamentoInicial = self.formatarData(fechamento.DataFechamentoInicial);
        self.periodoBaseFechamentoFinal = self.formatarData(fechamento.DataFechamentoFinal);
        self.percentualProcessosOutliers = fechamento.ValorPercentualProcessosOutliers;
        self.ajusteDesvioPadrao = fechamento.ValorAjusteDesvioPadrao;
        self.percentalPedidosProprios = fechamento.ValorPercentualDePedidosProprios;
        self.percentualPedidosTerceiros = fechamento.ValorPercentualDePedidosTerceiros;
        self.dataDoAgendamento = self.formatarData(fechamento.DataDoAgendamento);
        self.execucaoImediata = (fechamento.DataDoAgendamento == null);
        self.fechamentoValido = fechamento.FechamentoEhValido;
        self.tipoAgendamento = fechamento.TipoDeAgendamento;

        self.selecionarGrupos(fechamento);
    }
    $('#modalAgendamentoFechamentoComponente').modal('show')
}

这是模态

    <vue-modal id="modalAgendamentoFechamentoComponente" titulo="Novo Agendamento">
        <agendamento-fechamento-componente></agendamento-fechamento-componente>
    </vue-modal>

根据后端的数据列表在表单加载中创建多个模态

0 个答案: