鍍金池/ 問答/HTML/ vant 引入組件報(bào)錯(cuò)

vant 引入組件報(bào)錯(cuò)

vant按文檔方式引入組件:

import { Button} from 'vant';
Vue.use(Button)

可以正常使用,但同樣的方法引入Field,就會(huì)提示錯(cuò)誤,

另外在使用Dialog組件時(shí),官方文檔中有寫到:
`
引入 Dialog 組件后,會(huì)自動(dòng)在 Vue 的 prototype 上掛載 $dialog 方法,在所有組件內(nèi)部都可以直接調(diào)用此方法
`

import Vant from 'vant';
import 'vant/lib/vant-css/index.css';

Vue.use(Vant);

但在使用this.$dialog.alert({}) 方法會(huì)提示alert alert為undefined,打印this.$alert為undefined。
請(qǐng)問是什么原因?

補(bǔ)充代碼:
之前按需引入方式,已配置其他需求:
圖片描述

按照此方法引入的button和cell組件可正常使用,但field組件報(bào)錯(cuò)為undefined,改為全部引入的方式,正常。
圖片描述

但是在使用dialog組件中的alert方法報(bào)錯(cuò)
圖片描述

回答
編輯回答
乞許

dialog模塊化引用是有問題的,會(huì)提示組件未注冊(cè)。

clipboard.png

2018年8月16日 14:37
編輯回答
使勁操

犯了個(gè)錯(cuò)誤,在next方法中用的是箭頭函數(shù),箭頭函數(shù)this由上下文確定,在此地方的普通函數(shù)應(yīng)指向vue

2017年10月26日 00:11