请问基于vue3的nutui京东ui组件库的Toast 轻提示消息怎样设置居中显示呢？

Question

请问基于vue3的nutui京东ui组件库的Toast 轻提示消息怎样设置居中显示呢？
文档：
https://nutui.jd.com/#/compon...
文档说是默认居中。可实际并没有居中。我想手动设置一个居中参数，可是多加了参数又提示错误。

现在是这样写的，并没有居中：
Toast.success('短信验证码已发送，请注意查收');

加了参数之后：
TS2554: Expected 1 arguments, but got 2

TS2345: Argument of type '{ title: string; center: boolean; }' is not assignable to parameter of type 'string | ToastOptions'.   Object literal may only specify known properties, and 'title' does not exist in type 'ToastOptions'.

反正是怎么改。都是错的。。。。。。。。。
无语

Answer 1

终于找到问题了。引入错了。系统默认给我导入了个vant。
import { Toast } from 'vant';

其实应该导入nuiui的

import { Toast } from '@nutui/nutui';

Answer 2

从文档上看，center的默认值就是true，建议你检查下是是不是样式引用失败了。参数问题则建议检查是不是引用了太老的版本。

文档网页的右侧就有example，你可以点一下，能看到默认效果就是居中的。