首页 > 其他分享 >vue 入口文件使用 Element 的 confirm

vue 入口文件使用 Element 的 confirm

时间:2022-09-28 20:16:06浏览次数:48  
标签:use vue confirm MessageBox Element Vue import

  • 引入 ElementUI ,单独引入文件的都能使用
import ElementUI from 'element-ui';

Element.MessageBox.confirm('是否要跳转段落?', '提示', {
  confirmButtonText: '是',
  cancelButtonText: '否'
}).then(() => {
  next()
}).catch(() => {})
  • 以下文件都能使用
import Vue from 'vue'
import {
  Button,
  Form,
  FormItem,
  Input,
  Message,
  Container,
  Header,
  Aside,
  Main,
  Menu,
  Submenu,
  MenuItem,
  Breadcrumb,
  BreadcrumbItem,
  Card,
  Row,
  Col,
  Table,
  TableColumn,
  Switch,
  Tooltip,
  Pagination,
  Dialog,
  MessageBox,
  Tag,
  Tree,
  Select,
  Option,
  Cascader,
  Alert,
  Tabs,
  TabPane
} from 'element-ui'

Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)

Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm

标签:use,vue,confirm,MessageBox,Element,Vue,import
From: https://www.cnblogs.com/DL-CODER/p/16739392.html

相关文章

  • Vue 组件间的通信方式
    前言在Vue组件库的开发过程中,组件之间的通信一直是一个重要的课题。虽然官方的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是组件库内部对Vuex的使用往往比较繁重......
  • vue2/vue3+eslint文件格式化
    vue+javascript1.设置vscode保存时格式化文件2.打开settings.json3.设置settings.json文件{"editor.codeActionsOnSave":{"source.fixAll.eslint":t......
  • vue-i18n警告
    vue3引入vue-i18n警告:bundlerbuildofvue-i18n.Itisrecommendedtoconfigureyourbundlertoexplicitlyreplacefeatureflagglobalswithbooleanliteralst......
  • element的el-table表格自定义表头解决数据不更新问题
    解决方法element官网上el-table上使用插槽slot=“header”来实现自定义表头,在表头中使用el-select组件选择不同的状态,无法展示选择后的状态,或者其他需要动态更新表头数......
  • Vue3.0 如何写自定义指令
    背景问:什么是指令?答:指令就是DOM与逻辑行为的媒介,本质就是DOM绑定的独立逻辑行为函数。除了核心功能默认内置的指令(例如v-model和v-show),Vue也允许注册自定义指令。Vu......
  • vue3中inject无法获取provide传递的最新的值
    //爷组件 import{defineComponent,reactive,toRefs,onMounted,provide,computed}from'vue'; conststate=reactive({   tableData:[], });......
  • ElementUI多个级联选择器el-cascader新增、删除和回显
    需求说明:同一个页面新增时,默认只显示一个选择器(选择器是循环出来的),可以新增、删除、编辑;编辑的时候根据后端返回数据循环显示选择器列表,可新增、删除、编辑;数据说明:后端默......
  • AntDesignVue之a-bale
    a-tableAPI描述。参数说明类型pagination分页器,参考配置项或pagination文档,设为false时不展示和进行分页Object说明pagination是个对象或false.如果......
  • vue3 ts 类式写法的mixins
    vue-property-decorator混入(mixins)//mixins.tsimport{Vue}from'vue-property-decorator'classMixinsextendsVue{publicname='混入'publicsay......
  • Vue2 中的键盘事件
    Vue2中的键盘事件@keydown:按下时触发@keyup:松手时触发,事件触发之后会有event对象,event.keyCode是该按键的编码@keyup.enter:回车按键类似的还有:delete,esc,space,......