vue 使用document.createElement("script")引入的js文件想在里面使用el-message怎么办

在 Vue 中，可以使用 `$message` 对象来调用 Element UI 的 `el-message` 组件。如果你在引入的 JS 文件中想要使用 `el-message`，可以先将 `$message` 对象挂载到全局的 `window` 对象上，然后在 JS 文件中通过 `window.$message` 来调用。具体操作步骤如下：

1. 在 Vue 组件中挂载 `$message` 对象到 `window` 对象上：

// 在 Vue 组件中
mounted() {
  window.$message = this.$message;
}

2. 在引入的 JS 文件中使用 `window.$message` 来调用 `el-message` 组件：

// 在引入的 JS 文件中
window.$message({
  message: '这是一条提示信息',
  type: 'success'
});

这样，在引入的 JS 文件中就可以使用 `el-message` 组件了。

相关问题

elementplus的消息提示如何在js文件中使用全局方法

Element Plus 提供了一个名为 `el-message` 的全局消息提示组件，它主要用于显示简单的消息通知。要在 JavaScript 文件中使用全局方法，首先你需要引入 Element Plus 的库，然后通过 Vue.js 或者直接在原生 DOM 中使用它的 API。

1. **Vue.js** 上：在你的 Vue 组件中，你可以这样导入并使用：

import { Message } from 'element-plus';

export default {
  methods: {
    showMessage(title = '', message = '') {
      Message.success({
        title,
        message,
        duration: 2000 // 指定消息停留时间，默认为1500ms
      });
    }
  }
};

在需要的地方调用 `showMessage` 函数即可显示消息。

2. **原生 DOM** 上：如果你的项目不是基于 Vue，可以直接在 DOM 元素上使用，例如：

const messageEl = document.createElement('div');
messageEl.setAttribute('id', 'message-box');

// 获取 Element Plus 的 Message 实例
const message = ElMessage.create(messageEl);

// 显示消息
message.show({
  type: 'success',
  message: '这是一个成功提示',
});

注意，`ElMessage` 是 Element Plus 中 Message 组件的实例化函数，这里假设 `ElMessage` 已经被导出或全局暴露。

使用element-ui中的message时 如何让内容行高 高一点

在使用Element UI的`$message`提示框时，如果要调整内容的行高，可以通过自定义CSS样式来实现。`$message`组件使用`Message`类来控制样式，你可以覆盖这个类中的`line-height`属性来改变行高。以下是一个基本的实现方式：

1. 首先，你需要使用Vue的`Vue.nextTick`或者`mounted`生命周期钩子来确保在DOM渲染后添加自定义样式，或者通过原生JavaScript的方法在`window.requestAnimationFrame`中添加。
2. 然后，你可以通过`<style>`标签添加你的样式，或者在`mounted`钩子中动态创建一个`<style>`元素并将它插入到`document.head`中。

这里是一个示例代码：

// 在Vue组件中
mounted() {
  this.$nextTick(() => {
    const style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = `
      .el-message__content {
        line-height: 1.8; /* 或者其他你想要的值 */
      }
    `;
    document.head.appendChild(style);
  });
}

请注意，这段代码应该在你的Vue组件的`mounted`钩子中运行，以确保DOM已经渲染完成，从而添加样式。