iview 如何在非元件j檔案中使用元件,例如Spin

例子:
先看一下在main.js中,路由鉤子中使用Spin

Iview 官方文件給的是:使用內建的 Spin方法可以全局加載。在組件中可以使用:this.$Spin方法可以全局加載。在組件中可以使用:this.$Spin.show()方法來觸發元件
mian.js是入口檔案,router是第三方的元件不屬於ivew物件中

解決辦法:

1. 檢視iView物件

import iView from 'iview';
console.log(iView)

可知iView是物件,包含所有的元件
所以,我們可以檢視Spin物件

console.log(iView.Spin)

看到了吧,有show函式
呼叫show方法

iView.Spin.show({
        render: (h) => {
            return h('div', [
                h('Icon', {
                    'class': 'demo-spin-icon-load',
                    props: {
                        type: 'load-c',
                        size: 30
 

                    }
                }),
                h('div', 'Loading')
            ])
        }
    });

就可以成功使用了

當然也可以直接使用Spin物件

import iView ,{Spin}from 'iview';
console.log(Spin)
console.log(iView.Spin)

其它的元件,如Message大家可以試一下