vant 引入Dialog组件报错

维斯
  • 1
新手上路,请多包涵

1、引入的dialog,注册了组件,但是会提示没有注册

clipboard.png

2、部分代码如下

                                                                                         html
      <van-dialog
            v-model="show"
            title="修改库存"
            confirm-button-text="保存">
             <van-row>商品名称:{{channel.goodsName}}</van-row>
             <van-row>库存:{{channel.stock}} / {{ channel.maxStock}}</van-row>
      </van-dialog>
import { Dialog, Button, Row, Col } from 'vant'                                             JS
export default {
  components: {
    [Dialog.name]: Dialog,
    [Button.name]: Button,
    [Row.name]: Row,
    [Col.name]: Col
  },
回复
阅读 7k
6 个回答

哈哈,和我一个问题
注册的时候要这样写

vanDialog: Dialog

import { Dialog, Button, Row, Col } from 'vant'                                             JS
export default {
  components: {
    "van-dialog": Dialog,
    "van-button": Button,
    "van-row": Row,
    "van-col": Col
  },

嗯,本身官方推荐是在 main.js 全局引用就行。用的时候就可以 this.$dialog()...。和这个类似的还有 Toast 等

import Vue from 'vue';
import {Dialog, Toast} from 'vant';

Vue.use(Dialog)
   .use(Toast);

楼主问题解决了吗?请赐教

feidudeqiu
  • 2
新手上路,请多包涵
<template>
<div>
    <van-dialog  v-model="isShow">
        <van-field  v-model="verifyCode"  label\="用户名"  placeholder\="请输入姓名"/>
    </van-dialog>
</div>
</template>
<script>
    import {Dialog, Field} from  'vant'
    import  'vant/lib/index.css'
    export  default {
    name:  "Register",
    components: {
    "van-dialog":  Dialog.Component, //佛了
    "van-field":  Field //没有Component
    },
    ...
</script>
小蘑菇
  • 2
新手上路,请多包涵

楼主问题解决了吗 我一样的问题
<van-dialog v-model="dialogShow" use-slot title="您开启了双因子认证,请输入应用程序上的MFA代码" show-cancel-button :beforeClose="beforeClose">

    <van-field v-show="dialogShow" v-model="twoFactor" clearable placeholder="6 digits"/>
  </van-dialog>
  
  
  
  import { PullRefresh, Field, CellGroup, Cell, Button, ActionSheet, Dialog } from 'vant'

import sha256 from 'js-sha256'
import md5 from 'md5'
export default {

name: 'login',
components: {
    [PullRefresh.name]: PullRefresh,
    [Field.name]: Field,
    [CellGroup.name]: CellGroup,
    [Cell.name]: Cell,
    [Button.name]: Button,
    [ActionSheet.name]: ActionSheet,
    [Dialog.name]: Dialog
},


这样引入就有问题一直报和你一样的错误;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏