javascript - 如何在 Materializecss 中的 toast 上显示消息？

Question

我正在用 Laravel 5.8 做这个 Toast 的东西。我现在的问题是 toast 消息在第一次调用时返回空消息。这是我到目前为止所拥有的:

<button type="submit" name="submit" form="lt-add-form" class="btn btn-small" id="lt-btn-save" style="border-radius: 0;" onclick="showToast({{ $errors }}, 3000)"><i class="fas fa-save"></i>Save</button>

我有这个 javascript 方法:

function showToast(message, duration) {
    console.log(message['name']+" "+message['code']);
    if(message['name']){
        M.toast({html: message['name']});   
    }

    if(message['code']){
        M.toast({html: message['code']});   
    }
}

还有，在我第一次点击我的保存按钮时。它给了我一个未定义的值，如下图所示:

非常感谢任何帮助。

Answer 1

正如我从 document 中读到的那样在 MaterializeCss 框架中，您可能会以错误的方式将参数传递给函数 toast。应该是

M.toast({html: message, displayLength: duration})

Toast 函数将一个参数作为一个对象，并将使用该对象的 html 和 displayLength 属性进行处理。