ElementUI + vue 与 js 使用不同 + 外部引用 +loading区域加载（）2022.9.17

码龄5年

关注

原创最新推荐文章于 2025-05-08 11:40:44 发布 703 阅读

AI驱动的客户终身价值分析：深入理解公司的收入质量客户终身价值(Customer Lifetime Value, CLV)是衡量客户在整个生命周期内能为企业带来多少利润的重要指标。传统的CLV计算方法往往过于简化，无法准确反映复杂的客户行为和收入模式。本文旨在介绍如何利用人工智能技术，特别是机器学习方法，构建更精确的CLV预测模型，从而帮助企业深入理解其收入质量。CLV的基本概念和商业意义传统CLV计算方法的局限性基于机器学习的CLV预测方法特征工程和模型选择策略实际应用案例和Python实现首先介绍CLV的基本概念和商业背景。阅读详情

Vue 2.x

Element - 网站快速成型工具

Vue 3.x

一个 Vue 3 UI 框架 | Element Plus (gitee.io)

alert 和 this.$alert

// alert（'这是 js 自带的提示框'）
    alert('这是js自带的提示框')
    //this.$alert 这是ElementUI提供的提示框 可以带回调函数
    this.$alert('这是ElementUI提供的提示框',{
      confirmButtonText:'确定',
      callback:action => {
        this.$message('点击了确定')
      }
    })

alert

this.$alert

点击完后有回调函数

confirm 和 this.$confirm

//这是 js 自带的确认框，不需要Vue+ElementUI 环境也能使用
    confirm('是否删除')
    this.$confirm需要Vue+ElementUI 环境才能使用
    this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }).then(() => {
      this.$message({
        type: 'success',
        message: '删除成功!'
      });
    }).catch(() => {
      this.$message({
        type: 'info',
        message: '已取消删除'
      });
    });

confirm

this.$confirm

prompt 和 this.$prompt

//prompt 不需要 Vue+ElementUI 环境也能使用 返回值是输入的内容
     prompt('请输入邮箱')

    this.$prompt('请输入邮箱', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
      inputErrorMessage: '邮箱格式不正确'
    }).then(({ value }) => {
      this.$message({
        type: 'success',
        message: '你的邮箱是: ' + value
      });
    }).catch(() => {
      this.$message({
        type: 'info',
        message: '取消输入'
      });
    });

prompt

this.$prompt

this.$notify

this.$notify({
      title:'通知',
      message:'我是一条通知'
    })

原生js自带	Vue+ElementUI

外部引用

notify

在普通文件中引用

Vue里面

<script>
import n from '@/notify'
export default {
  mounted() {
    n.a()
  }
}
</script>

外部的js文件

// 在js 文件中使用ElementUI 组件，需要先导入
// 那么为什么在Vue 文件中不需要导入呢？因为 Vue 全局注册过了
import { Message } from 'element-ui'

const n={
    a:function (){
        Message({
            type:'success',
            message:'message'
        })
    }
}
export default n