計算值未在 vue 中更新

[英]Computed value not updating in vue

我是 Vue 的新手，我正在做一個項目，我需要根據 boolean 值顯示不同的組件，該值顯示用戶是否登錄。 在上面的代碼中，auth.isUserLoggedIn() 返回一個 boolean 值，指示用戶是否已登錄。 我的問題是我定義的“isUserLoggedIn”const 沒有自動更新，或 ...

作為道具傳遞的原始 ref 的 Vue 3 反應性

[英]Vue 3 reactivity of a primitive ref passed as a prop

在玩 Vue 3 反應性時，我遇到了一種我無法解釋的行為。 我創建了一個原語的ref 。 檢查isRef顯然會返回true 。 但是當作為prop傳遞給子組件時， isRef()和isReactive()返回false 。 為什么？ 此外，即使它們都返回false ，如果值發生變化，我在子組件中添加 ...

如何將類型添加到組合中的計算 api vue 3

[英]How to add types to computed in composition api vue 3

問題 - 我嘗試向計算中添加類型，但出現錯誤： Overload 1 of 2, '(getter: ComputedGetter<AuthFormType>, debugOptions?: DebuggerOptions | undefined): ComputedRef<Au ...

如何在不使用 useContext 的情況下訪問組合 API 中的 $axios

[英]How to access $axios in composition API without using useContext

我試圖在不使用useContext()的情況下訪問 Vue 組合 API 中的 $axios，因為當前應用程序不是 Nuxt 應用程序，它就像一個可以在 Nuxt 應用程序或 Vue 應用程序中使用的庫。 因此，如果我在代碼中使用 $axios，那么在 Nuxt 應用程序中它也可以稱為服務器端。 ...

如何使用道具為 Vue 中的組件創建動態背景圖像？

[英]How to create a dynamic background image for components in Vue using props?

客觀的我想將圖像的路徑作為道具傳遞給組件。 我希望組件使用 prop 動態生成背景圖像。 我所有的圖像都在 Vue src 文件夾中的資產文件夾中。 路徑看起來像“@/assets/images/subject/computers.jpeg” 問題沒有出現背景圖像這是頁面上呈現的內容： 但是，沒 ...

vuejs3：如何使用道具初始化 ref？

[英]vuejs3: how to init a ref using a prop?

我有這個代碼 我在嘗試 但我得到了 我做錯了什么，重要的是，為什么？ ...

如何在 vue 3 中使用組合 API 導入邏輯？

[英]How to import logic using composition API in vue 3?

我有一個 vue 3 腳本設置組件（組合 api）和另一個文件（用於打印），該文件具有一些我想注入到我的主要組件中的邏輯。 我的主文件看起來像 打印文件看起來像 我想添加 mounted、beforeMount 和要注入到我的主要組件中的 2 個方法。 但這是行不通的。 我該如何解決？ 現在我收到 ...

在 Vue3 中使用子菜單項實現導航欄菜單

[英]Implementing navbar Menu with submenu items in Vue3

我想用子菜單項實現動態菜單。 為此，我定義了數據 object，其中所有菜單項都帶有相應的子菜單。 在模板內部，我在相應的 html 標簽內調用這些菜單和子菜單： 但是，任何菜單項都會顯示子菜單項： 請告知我做錯了什么，我該如何解決。 ...

添加 div with:key 時 Keep alive 停止工作

[英]Keep alive stops working when adding div with :key

我目前面臨一個問題，即<keep-alive>在將:key添加到父<div>后停止工作。 這個<div>和:key是必需的，否則<transition>將不起作用。 有人對此有解決方案嗎？ 抱歉，我無法提供更多代碼。 ...

如何使用Vue Router公開添加到Vue 3中的window object的自定義屬性

[英]How to expose a custom attribute added to the window object in Vue 3 using Vue Router

我已經通過子組件的 onMounted 掛鈎向客戶端瀏覽器公開了一個添加到 Window object 的自定義屬性。 由於該組件是在 App.vue 組件內呈現的，所以它工作得很好，我能夠從瀏覽器等訪問自定義屬性（一個對象）。但是由於該應用程序需要更多視圖，所以我已經實現了 Vue Router ...

如何使用組合 API 全局注冊 Vue 3 組件？

[英]How to globally register a Vue 3 component with the composition API?

我正在使用 Vue 3 和組合 API 創建組件庫。組件庫將作為插件加載到 NuxtJS 應用程序中。 在這個插件中全局注冊組件（根據組合API編寫）的正確方法是什么？ ./stories/Panel.vue （極簡版）：<template> <div class="p ...

如何從 Axios 配置文件訪問 Vuex 商店？

[英]how to access Vuex store from Axios config file?

我正在使用 Vue 3 組合和 Vuex 這是 axios 配置文件 http.jsimport axios from "axios"; import useStore from "@/stores/index.js"; const store = useStore() const http ...

基於標志的 Nuxtjs Vue3 反應性

[英]Nuxtjs Vue3 reactivity based on a flag

我在 Nuxt 中創建了一個簡單的頁面，它將使用 boolean 變量在 Detail 組件和 Form 組件之間切換。 數據被正確獲取。 問題是，即使我將 editMode 值從 false 更改為 true（並且我打印以正確控制該值），視圖也不會從 CustomerDetail 更改為 Cust ...

在動態創建的 DIV 上掛載 Vue 3 實例

[英]Mount Vue 3 Instance on an on the fly created DIV

我正在嘗試在 main.js 文件上動態創建的 div 上掛載一個 vue 實例： 當我這樣做時，我收到了這個錯誤值不能反應：null 我假設這是因為我沒有等待 DOM 元素實際加載到 DOM 中以安裝 Vue 實例，但我找不到正確執行此操作的方法。 這樣的事情也不適合我： 我只是想知道我是否必須將 ...

vue3組合中如何訪問實例 API 生命周期鈎子

[英]How to access instance in vue3 composition API lifecycle hooks

在將我的代碼重構為組合 API 時，我偶然發現了一個完全出乎意料的問題：似乎沒有任何（記錄的）方法可以從生命周期掛鈎訪問當前實例。 示例代碼：import { defineComponent, onMounted } from 'vue'; export default defineCompone ...

Nuxt - 無法在 watch() 回調中調用 useContext()

[英]Nuxt - Cannot call useContext() inside watch() callback

我在 Nuxt 2 中使用@nuxtjs/composition-api版本 0.33.1，我的組件如下所示：import { defineComponent, useContext, useRoute, watch } from '@nuxtjs/composition-api'; expor ...

我如何使用計算屬性根據單詞使用 vue 組合 api 來更改文本葯丸的顏色？

[英]How can I use a computed property to change the color of a text pill depending on the word using vue composition api?

我有一個葯丸形狀，上面寫着生產或開發。 我希望背景顏色根據是生產還是開發而不同。 我以前用選項 api 做過這個，但我在組合 api 時遇到了麻煩。 計算方法：const reportStatus = computed(function() { if (dashboard.status === ...

Vue 3 vue-國際化。 如何在應用程序（.vue 文件）之外使用 $t(t)？ 作文 API

[英]Vue 3 vue-i18n. How to use $t(t) outside the app(.vue files)? Composition API

我想在組件外格式化我的日期時間。function transformDatetime(config, value) { if (value) { return $d(new Date(value), config); } return $t('-'); } ...

Vue.js 組合 API 與選項 API - 在 v-for 循環中發布引用

[英]Vue.js Composition API vs Options API - posts ref in a v-for loop

我還是VueJS的新手，我無法弄清楚這一點。 我有一個頁面加載了axios來自wordpress我的posts ： 和模板 這工作正常，選項 API 沒問題。 但是當我想將其轉換為組合 API 時，帖子不會出現： 我懷疑我對 refs 的工作方式有誤解，因為如果我編輯<template> ...

每半秒加載一個組件

[英]load a component every half second

在 vuejs 應用程序中，我有一個組件在等待 api 的回復時加載。 它包含一條簡單的模糊線（沒有道具或事件）。 我想每隔半秒加載一次相同的組件，即它從一行開始，半秒后第二行，再半秒后第三行等等。 LoadingLine 包含： 我想到了帶有 setInterval 的 function，類似於 ...