Question

import VueAlert from 'archer-vue-alert';
Vue.use(VueAlert); 

this.$alert({
  title: 'alertTitle',
  message: 'alertMessage', //message accepts string and raw_html
  confirmTxt: 'confirm btn txt' //default is 'OK'
}).then(function () {
  //...
})

我确信archer-vue-alert包没有问题，事实上，我也使用了vue-alert包。同样的问题。为什么警报永远不会显示？

我的package.json文件：

"archer-vue-alert": "^2.0.2",
"onsenui": "^2.5.1",
"vue": "^2.4.2",
"vue-i18n": "^7.1.1",
"vue-infinite-scroll": "^2.0.1",
"vue-onsenui": "^2.1.0",
"vue-resource": "^1.3.4",
"vue-router": "^2.7.0",
"vuex": "^2.3.1"

Answer 1

在您的示例中，看起来您正在将VueAlert注册为插件，然后在main.js的上下文中通过调用$alert()上的this来立即尝试显示提醒文件。

基于archer-vue-alert package's README，应在Vue实例上调用$alert()。

以下是正确用法的一个示例：

import VueAlert from 'archer-vue-alert';
Vue.use(VueAlert); 

new Vue({
  el: '#app',
  created() {
    this.$alert({
      title: 'alertTitle',
      message: 'alertMessage',
      confirmTxt: 'confirm btn txt'
    })
  }
})

Vue.js：vue-alert组件无法呈现

1 个答案: