在js代码中引用elementUI的Message 消息提示

今天在vue项目中的js代码中引用Element UI的Message 消息提示

this.$message.success('复制成功')

但是在调用的时候却会报错,如图:
在js代码中引用elementUI的Message 消息提示_第1张图片
查了好多资料得到解决:
是因为,在js文件里找不到this.$message这个属性。
正确的写法因该是如下:

先单独引入:
import { Message } from "element-ui";
然后使用:
Message.success('复制成功')
或者
// Message({
  //     message: "复制成功",
  //     type: "success"
 // });

参考
https://www.jianshu.com/p/7297eed4b162

你可能感兴趣的:(前端,vue)