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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vnode(element-ui中的notification) 中要如何使用 vue-awesome的組件?
    38
    0

    想在element-ui的notifications 中 的內容 vnode 使用vue-awesome 的 <icon name="jpy"/> 请问要如何使用?

    照文档的

    createElement('icon', {
          attrs: {
            name: 'jpy'
          }
        })

    会报错,貌似是还没注册这个组件

    有没有大大熟悉?小弟好煎熬呀

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 遠赱┈肆方 普通会员 1楼

      在Vue.js中,可以使用VueAwesome的组件库中的notification组件来创建通知。以下是一个简单的示例:

      首先,你需要在你的Vue.js项目中安装VueAwesome的组件库。你可以使用npm来安装:

      bash npm install @vue/awesome-notifications

      然后,你可以在你的应用的主组件中引入这个库:

      ```javascript import AwesomeNotifications from '@vue/awesome-notifications';

      export default { name: 'MyComponent', components: { AwesomeNotifications } } ```

      在你的组件中,你可以像使用其他Vue组件一样使用这个通知组件。例如,你可以在一个事件触发时显示通知:

      ```javascript import AwesomeNotifications from '@vue/awesome-notifications';

      export default { methods: { toggleNotification() { this.$refs.awesomeNotifications.toggle(); } } } ```

      在上面的示例中,我们创建了一个名为toggleNotification的方法,该方法在点击按钮时调用toggle方法,显示通知。

      此外,你还可以在组件的属性中设置通知的设置:

      javascript export default { props: { title: String, message: String, icon: String, dismissible: Boolean, showWhen: Boolean, showDuration: Number } }

      在这个示例中,我们设置了通知的标题、消息、图标、可显示性、显示时间以及显示时长。

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