堆棧內存溢出
cost 197 ms
如何在 vue3 中使用 Vue-meta？

[英]How to use Vue-meta with vue3?

實際上，我安裝了它。 一切都很好，直到我嘗試添加元描述。 問題是，當我想使用元描述而不是將名稱顯示為描述時，它會將其顯示為元描述 如果有人幫助我，我將不勝感激我的 package.json 我的 main.js 我的應用組件 我的主要組件設置 ...

手表中未定義的Vue metaInfo

[英]Vue metaInfo undefined in watch

我在當前代碼中插入 vue-meta 邏輯，似乎存在一個問題，即觸發watch時metaInfo尚不可用。 在此 Vue 生命周期階段未定義this.metaInfo失敗。 該怎么辦？ ...

為什么我的 vue.js 項目 URL 的描述在某些應用程序中顯示為“noscript”

[英]Why description of my vue.js project URL is shown "noscript" in some application

我有一個 vue.js 項目，當我將它的 URL 放入某個應用程序時，我認為它應該在消息框下方顯示標題和描述。 但是它顯示了noscript標簽的內容，為什么？ 我想我在我的 vue.js 頁面中正確設置了標題和描述，我使用了 vue-meta package。 這是LINE中顯示的內容，我希望 ...

如何在 Vue Meta 3 中創建自定義元標簽？

[英]How to create custom meta tags in Vue Meta 3?

我正在使用Vue Meta 3向網站提供元數據。 API在這里我不明白如何提供自定義元標記（例如og:type等開放圖譜標記）。 這是我在組件中嘗試做的事情： 輸出的 HTML 最終是這樣的： 如果我將代碼更改為： 我得到非法 HTML output： 我如何讓 output 成為： ...

如何檢查 vue-meta 是否正在添加元數據

[英]How to check if vue-meta is adding meta data

我這里有一些代碼，我想檢查頁面的源代碼以查看它是否正常工作，但我在源代碼中看不到任何內容。 如何驗證 vue-meta 添加了什么？ 有沒有辦法在 SPA 應用程序中看到它？ ...

頁面刷新元數據后的 Nuxt.js 從配置而不是 head 方法填充

[英]Nuxt.js after page refresh meta are filled from config instead of head method

我在 nuxt.js 應用程序中遇到元問題。 我想在一個詳細信息頁面中填充動態元標記 --頁面 - - 事件 ------_id.vue 當我通過鏈接在網站上導航時，一切都很好。 但是，如果我只是刷新頁面，元標記會使用 nuxt.config.js 中的值。 例如，我得到的是“SiteTitle ...

NuxtJs 動態開放圖標簽不起作用

[英]NuxtJs dynamic open graph tags are not working

我正在嘗試使用以下代碼設置動態開放圖元標記 我已經記錄了 postDetails，數據在 asyncData function 中。 現在，當我打開頁面並檢查元標記時，元標記已完全更改，但是當我打開 facebook 並粘貼或按 ctrl + u 時，它只顯示其默認打開的圖形標記。 我在這里做錯了什 ...

在我使用 nuxt-property-decorator 的 nuxtjs 中添加動態元標記時遇到問題

[英]have problem in adding dynamic meta tags in nuxtjs where I am using nuxt-property-decorator

我嘗試使用nuxt-property-decorator在 nuxtjs 中添加元標簽，但只添加了標題標簽，但沒有添加其他元標簽而且我也使用了 vue-meta package 但我也未能解決這個問題這就是我的代碼的樣子： 從上面的代碼只添加標題標簽嘗試使用 Nuxtjs 文檔代碼： 它沒有添加任何 ...

如何將 Vue 3 Meta 與 Vue.js 3 一起使用？

[英]How to use Vue 3 Meta with Vue.js 3?

似乎Vue Meta已升級為處理 Vue.js 3 新的 npm package 稱為vue-3-meta Vue.js 3之前，在vue實例中添加vue-meta很容易使用： 然而在Vue.js 3中，沒有Vue實例； 而是通過像這樣運行createApp來創建應用程序： 我找不到vue-3- ...

如何使用后封面圖像作為 twitter 的卡片圖像

[英]How to use post cover image as Card Image for twitter

我正在嘗試使用 Gridsome metaInfo創建帶有當前帖子封面圖片的Twitter 卡片，但卡片中未顯示該圖片。 由於g-image知道如何解析圖像路徑，因此我必須使用它才能將圖像路徑放在meta標記中。 編輯- 這個問題是為了記錄我的知識，我知道答案，我希望這個問題本身會很好 ...

Vue meta 沒有得到更新

[英]Vue meta not getting updates

當我訪問我的內部頁面時， vue-meta不會被新的頁面值更新。 代碼app.js App.vue （主要組件） post.vue （內部組件） 任何想法？ 更新當我發布這個問題時，它是關於沒有更新的，然后在做了一些研究並玩弄了我的代碼之后，我意識到我的vue-meta 得到了更新，但是，晚了， ...

Nuxt 通用模式對 vue meta 沒有幫助

[英]Nuxt Universal Mode not helping with vue meta

我在我的應用程序中使用 nuxt 並具有默認模式，即通用模式。 因為我需要支持元標記。 但即使我有 ssr 模式並且在檢查頁面時我可以看到 ssr 的東西，它會選擇默認的元描述、圖像等，而不是我在不同頁面中提到的動態描述。 如下圖所示，我也隱藏了提到，以避免重復，但它仍然選擇配置文件中的默認值 ...

如何在Nuxt中的頁面元頭屬性之前等待發布數據？

[英]How to await for the post data before the page meta head property in Nuxt?

我正在使用 Nuxt SSR 動態注入head 屬性來設置頁面級元數據。 數據正在從 Firebase 獲取。 我正在獲取未定義的屬性，因為它不等待發布數據完成加載。 如何在 head 屬性之前等待 post 數據？ // page\\:post.vue <script> ...

Vue-meta：無法設置未定義的屬性“$meta”

[英]Vue-meta: Cannot set property '$meta' of undefined

安裝vue-meta后，我的瀏覽器控制台出現錯誤。 為什么會出現這個錯誤？ 是我的代碼還是bug？ 我正在使用vue-meta@2.4.0和 Vue 3。 主文件 應用程序 主頁.vue ...

子路由的元標記問題，通過路由器視圖呈現，未在服務器端設置

[英]Issue with meta tags for children routes, rendered via router-view, not being set on server side

TLDR：子路由的預渲染視圖使用父元信息，但我希望它們使用子路由組件上定義的元信息。 我設置了一個 Nuxt/Vue 站點，它有一個登陸頁面，/items/ /items/index.vue提供了一個項目網格，以及在我的router.js文件中設置為該登陸頁面的子級的子路由。 這些子路由通過nu ...

如何在 main.js 文件中獲取 Gridsome Image 路徑

[英]How to get Gridsome Image path in the main.js file

我的網站缺少 og:image 標簽，並且沒有在 LinkedIn 上顯示圖片。 解決方案是添加我添加的元標記，但是一旦項目構建和部署，圖像的名稱就會更改。 我正在尋找類似的東西，但是圖像將被實際生成的圖像路徑替換為 g-image 中的圖像路徑 謝謝 ...

用於社交共享的 Vue 應用程序元標記

[英]Vue application meta tags for social sharing

我開發了一個 Vue 應用程序，每個頁面都有導航和內容。 我需要為 Twitter 和 Facebook 卡的每個不同頁面設置元標記。 為此，我使用了 vue-meta 庫，並提出了以下代碼： 這些屬性是從一個 API 中的 mounted() 鈎子獲取的，我可以看到它們已正確添加。 但是共享還沒有 ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM