vue.js插件提示框模板写法

Posted 安心牧羊人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js插件提示框模板写法相关的知识,希望对你有一定的参考价值。

<template>
  <el-button type="text" @click="open4">点击打开 Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open4() {
        this.$msgbox({
          title: ‘消息‘,
          message: ‘这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容‘,
          showCancelButton: true,
          confirmButtonText: ‘确定‘,
          cancelButtonText: ‘取消‘
        }).then(action => {
          this.$message({
            type: ‘info‘,
            message: ‘action: ‘ + action
          });
        });
      },
    }
  }
</script>

以上是关于vue.js插件提示框模板写法的主要内容,如果未能解决你的问题,请参考以下文章

vscode插件推荐

怎样在Vue.js中使用jquery插件

怎样在Vue.js中使用jquery插件

vue基础

chrome浏览器的VUE调试插件Vue.js devtools

使用带有渲染功能的 Vue.js 3 片段