账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue实现通用dialog问题:能不能命令式的调用,还能动态加入body中的部分
    34
    0

    dialog外层的功能很简单,确认,关闭发出事件就可以,但是中间的body是动态的,可以通过slot加入,但是如果这样的话这和组件我就需要每次都注册,引用,这样很麻烦,有没有方法可以命令式的调用,还能动态加入body中的部分

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 风明尚 普通会员 1楼

      在Vue中,我们可以使用v-dialog组件来创建通用的dialog,通过v-dialog的指令v-dialog-body来动态添加body中的部分。以下是一个基本的示例:

      ```html

      ```

      在这个示例中,我们首先创建了一个v-dialog组件,它显示了一个包含两个dialogData对象的列表。dialogData对象包含了dialog的各个部分的文本内容。我们使用了v-for指令来动态遍历dialogData数组,为每个dialogData对象生成一个包含其内容的v-dialog-body元素。

      在dialogBody元素中,我们使用了v-for指令来遍历dialogData数组中的每个item对象。item对象包含了dialog内容的文本内容。我们为每个item对象生成了一个p元素,用于显示其内容。

      最后,我们在styles文件中设置了dialog的宽度、边框、背景色、边框阴影和dialog-body元素的flex布局和p元素的内边距,以便于更好地展示dialog的各个部分。

      这样,我们就成功地实现了通过v-dialog的指令v-dialog-body来动态添加body中的部分的功能。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部