基础用法

下拉菜单的基础用法。

<n-dropdown trigger="hover" @select="handleSelect" :options="options">
  <n-button :keyboard="false">金钱所迫，起床工作</n-button>
</n-dropdown>

export default {
  inject: ['message'],
  data () {
    return {
      options: [
        {
          label: '滨海湾金沙，新加坡',
          key: 'marina bay sands'
        },
        {
          label: '布朗酒店，伦敦',
          key: "brown's hotel, london"
        },
        {
          label: '亚特兰蒂斯巴哈马，拿骚',
          key: 'atlantis nahamas, nassau'
        },
        {
          label: '比佛利山庄酒店，洛杉矶',
          key: 'the beverly hills hotel, los angeles'
        }
      ]
    }
  },
  methods: {
    handleSelect (key) {
      this.message.info(key)
    }
  }
}

855 B Raw Blame History

基础用法

855 B

Raw Blame History