Nuxtjs, thẻ <a> trong content và <a href=''#abc"

1. Vấn đề về nuxt link. Bạn cứ thử dùng v-html để render ra thẻ a. Khi render bạn hook vào mounted, beforeDestroy và triển khai theo ý tưởng sau:

const anchors = this.$el.querySelectorAll('.my-article a[href]')

_each(anchors, (anchor) => {
  anchor.addEventListener('click', this.useNuxtRouter)
})

const anchors = this.$el.querySelectorAll('.my-article a[href]')

_each(anchors, (anchor) => {
  anchor.removeEventListener('click', this.useNuxtRouter)
})

useNuxtRouter(e) {
  const path = e.getAttribute('href')
  const isNuxtSupport = path && path.startsWith('.....')

  if (isNuxtSupport) {
    e.preventDefault()
    this.$router.push(path)
  }
}

2. Về vấn đề href="#hash" thì khi click browser tự đổi URL trên address bar luôn rồi mà bạn. Bạn thử kiểm tra xem element href="#hash" có bị gắn listener vào onclick dẫn tới event bị prevent không nhé.

Update

• Code kia mình viết kiểu giả mã nên có thể sẽ có lỗi cú pháp, bạn tự điều chỉnh nhé.
• Nếu this.useNuxtRouter khi chạy bị undefined cái this thì bạn sửa thành this.useNuxtRouter.bind(this) nha.

1. Bạn dùng cái này thay cho thẻ a nhé https://nuxtjs.org/api/components-nuxt-link
2. Ban thử cách này nhé

<nuxt-link :to="{path: '/', hash: 'anchor'}" v-scroll-to="{el: '#anchor'}">link</nuxt-link>