問題

Dialog組件支持函數(shù)調(diào)用和組件調(diào)用兩種形式，而一般的組件僅支持后者。顯然，函數(shù)調(diào)用方式的支持增加了組件使用的靈活性，但是也隨之出現(xiàn)另外幾個(gè)值得注意的問題。

成都創(chuàng)新互聯(lián)公司提供高防服務(wù)器租用、云服務(wù)器、香港服務(wù)器、成都移動(dòng)機(jī)房托管等

兩種方式使用舉例

在我的mpvue工程測(cè)試中，針對(duì)dialog組件我專門創(chuàng)建了一個(gè)測(cè)試文件夾test_dialog，其中包含如下三個(gè)文件：

• index.vue
• main.js
• main.json

上述三個(gè)文件的作用相信各位都明白。注意，我把vant-weapp組件庫×××后存放到static目錄下：
/static/vant/各個(gè)組件對(duì)應(yīng)子文件夾。

其中，main.json內(nèi)容如下：

{
  "navigationBarTitleText": "test_tabbar_page",
  "usingComponents": {
    "van-button": "/static/vant/button/index",
    "van-icon": "/static/vant/icon/index",
    "van-area": "/static/vant/area/index",
    "van-dialog":"/static/vant/dialog/index",
    "van-field": "/static/vant/field/index"
  }
}

main.js文件內(nèi)容固定不變。
index.vue文件內(nèi)容如下：

為了對(duì)比方便，我在上述頁面中既使用了組件調(diào)用方式又使用了函數(shù)調(diào)用方式。其中，組件調(diào)用方式大家都熟悉，不必贅述。
值得注意的是后者。

函數(shù)調(diào)用方式使用注意事項(xiàng)

有如下幾點(diǎn)：

1，必須放置一個(gè)dialog的聲明方式定義：

2，使用import命令中不能使用絕對(duì)路徑方式：

import Dialog from '@/../static/vant/dialog/dialog'

這里的@代表項(xiàng)目中的src目錄。

然后就可以使用更靈活的函數(shù)調(diào)用方式了：
Dialog.alert({
title: '標(biāo)題',
message
})