naive-ui/demo/documentation/components/dropdown/enUS/placement.md

Placement

<n-dropdown placement="bottom-start">
  <template v-slot:activator>
    <div>menu</div>
  </template>
  <n-dropdown-item
    v-for="item in items"
    :key="item"
    @click="handleClick(item)"
  >
    {{ item }}
  </n-dropdown-item>
</n-dropdown>

export default {
  data () {
    return {
      items: ['item1longlonglong', 'item2longlonglong', 'item3longlonglong', 'item4longlonglong']
    }
  },
  methods: {
    handleClick (item) {
      this.$NMessage.info(item)
    }
  }
}