扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Dialog组件支持函数调用和组件调用两种形式，而一般的组件仅支持后者。显然，函数调用方式的支持增加了组件使用的灵活性，但是也随之出现另外几个值得注意的问题。
成都创新互联公司提供高防服务器租用、云服务器、香港服务器、成都移动机房托管等
在我的mpvue工程测试中，针对dialog组件我专门创建了一个测试文件夹test_dialog，其中包含如下三个文件：
上述三个文件的作用相信各位都明白。注意，我把vant-weapp组件库×××后存放到static目录下：
/static/vant/各个组件对应子文件夹。
其中，main.json内容如下：
{
"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文件内容固定不变。
index.vue文件内容如下：
消息提示
组件调用
为了对比方便，我在上述页面中既使用了组件调用方式又使用了函数调用方式。其中，组件调用方式大家都熟悉，不必赘述。
值得注意的是后者。
有如下几点：
1，必须放置一个dialog的声明方式定义：
2，使用import命令中不能使用绝对路径方式：
import Dialog from '@/../static/vant/dialog/dialog'
这里的@代表项目中的src目录。
然后就可以使用更灵活的函数调用方式了：
Dialog.alert({
title: '标题',
message
})
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网