Vue.js：vue-alert組件不渲染

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包。同樣的問題。爲什麼從不顯示警報？Vue.js：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"

來源

2017-08-09 user1

是這個腳本例子都在同一個文件？ 'this'需要是一個Vue實例 – thanksd

@thanksd是，在同一個文件中。 – user1

從你的榜樣，它看起來像您註冊VueAlert作爲一個插件，然後立即試圖通過在你的主要的背景下，呼籲this$alert()時顯示一個警告.js文件。

基於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' 
    }) 
    } 
})

來源

2017-08-09 14:26:46 thanksd

Vue.js：vue-alert組件不渲染

回答

相關問題