如何应用在vue当中呢 #1

Open
opened 4 years ago by ltnsee · 1 comments
ltnsee commented 4 years ago
There is no content yet.
guy commented 4 years ago

FineUI是面向原生js开发的一套类库,可以在任意框架中进行使用的。
用vue演示一个button的示例可以参考下:

<template>
  <div ref="ref"></div>
</template>

<script>
export default {
  props: {
    value: String,
    text: String,
    block: { type: Boolean, default: false },
    clear: { type: Boolean, default: false },
    ghost: { type: Boolean, default: false },
    level: { default: 'common' }
  },
  mounted () {
    const ref = this.$refs.ref
    
    BI.createWidget({
      type: 'bi.button',
      element: ref,
      ...this.$props
    })
  }
}
</script>

FineUI是面向原生js开发的一套类库,可以在任意框架中进行使用的。 用vue演示一个button的示例可以参考下: ``` html <template> <div ref="ref"></div> </template> <script> export default { props: { value: String, text: String, block: { type: Boolean, default: false }, clear: { type: Boolean, default: false }, ghost: { type: Boolean, default: false }, level: { default: 'common' } }, mounted () { const ref = this.$refs.ref BI.createWidget({ type: 'bi.button', element: ref, ...this.$props }) } } </script> ```
finedev referenced this issue from a commit 2 years ago
finedev referenced this issue from a commit 2 years ago
finedev referenced this issue from a commit 2 years ago
finedev referenced this issue from a commit 9 months ago
Sign in to join this conversation.
No Label
No Milestone
No Assignees
2 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.