基于原生JS来操作ElementUI组件总结

// 假设ElementUI库已经被引入并可用
 
// 获取ElementUI的MessageBox组件
const MessageBox = ElementUI.MessageBox;
 
// 使用MessageBox创建一个确认框
MessageBox.confirm('确认执行此操作吗?', '提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
}).then(() => {
    // 用户点击确认
    console.log('确认执行操作');
}).catch(() => {
    // 用户点击取消
    console.log('取消操作');
});
 
// 使用Message组件给出提示信息
ElementUI.Message({
    message: '操作成功',
    type: 'success'
});
 
// 使用Input组件创建一个输入框
const inputValue = ElementUI.InputBox('请输入内容:');
console.log(inputValue); // 用户输入的内容

这个示例展示了如何使用ElementUI库中的MessageBox和Message组件，以及如何使用Input组件来获取用户输入。这些操作都是基于原生JavaScript进行的，并且符合ElementUI组件的使用规范。