我是 Vue 的新手,我正在做一个项目,我需要根据 boolean 值显示不同的组件,该值显示用户是否登录。 在上面的代码中,auth.isUserLoggedIn() 返回一个 boolean 值,指示用户是否已登录。 我的问题是我定义的“isUserLoggedIn”const 没有自动更新,或 ...
我是 Vue 的新手,我正在做一个项目,我需要根据 boolean 值显示不同的组件,该值显示用户是否登录。 在上面的代码中,auth.isUserLoggedIn() 返回一个 boolean 值,指示用户是否已登录。 我的问题是我定义的“isUserLoggedIn”const 没有自动更新,或 ...
在玩 Vue 3 反应性时,我遇到了一种我无法解释的行为。 我创建了一个原语的ref 。 检查isRef显然会返回true 。 但是当作为prop传递给子组件时, isRef()和isReactive()返回false 。 为什么? 此外,即使它们都返回false ,如果值发生变化,我在子组件中添加 ...
问题 - 我尝试向计算中添加类型,但出现错误: Overload 1 of 2, '(getter: ComputedGetter<AuthFormType>, debugOptions?: DebuggerOptions | undefined): ComputedRef<Au ...
我试图在不使用useContext()的情况下访问 Vue 组合 API 中的 $axios,因为当前应用程序不是 Nuxt 应用程序,它就像一个可以在 Nuxt 应用程序或 Vue 应用程序中使用的库。 因此,如果我在代码中使用 $axios,那么在 Nuxt 应用程序中它也可以称为服务器端。 ...
客观的我想将图像的路径作为道具传递给组件。 我希望组件使用 prop 动态生成背景图像。 我所有的图像都在 Vue src 文件夹中的资产文件夹中。 路径看起来像“@/assets/images/subject/computers.jpeg” 问题没有出现背景图像这是页面上呈现的内容: 但是,没 ...
我有这个代码 我在尝试 但我得到了 我做错了什么,重要的是,为什么? ...
我有一个 vue 3 脚本设置组件(组合 api)和另一个文件(用于打印),该文件具有一些我想注入到我的主要组件中的逻辑。 我的主文件看起来像 打印文件看起来像 我想添加 mounted、beforeMount 和要注入到我的主要组件中的 2 个方法。 但这是行不通的。 我该如何解决? 现在我收到 ...
我想用子菜单项实现动态菜单。 为此,我定义了数据 object,其中所有菜单项都带有相应的子菜单。 在模板内部,我在相应的 html 标签内调用这些菜单和子菜单: 但是,任何菜单项都会显示子菜单项: 请告知我做错了什么,我该如何解决。 ...
我目前面临一个问题,即<keep-alive>在将:key添加到父<div>后停止工作。 这个<div>和:key是必需的,否则<transition>将不起作用。 有人对此有解决方案吗? 抱歉,我无法提供更多代码。 ...
我已经通过子组件的 onMounted 挂钩向客户端浏览器公开了一个添加到 Window object 的自定义属性。 由于该组件是在 App.vue 组件内呈现的,所以它工作得很好,我能够从浏览器等访问自定义属性(一个对象)。但是由于该应用程序需要更多视图,所以我已经实现了 Vue Router ...
我正在使用 Vue 3 和组合 API 创建组件库。组件库将作为插件加载到 NuxtJS 应用程序中。 在这个插件中全局注册组件(根据组合API编写)的正确方法是什么? ./stories/Panel.vue (极简版):<template> <div class="p ...
我正在使用 Vue 3 组合和 Vuex 这是 axios 配置文件 http.jsimport axios from "axios"; import useStore from "@/stores/index.js"; const store = useStore() const http ...
我在 Nuxt 中创建了一个简单的页面,它将使用 boolean 变量在 Detail 组件和 Form 组件之间切换。 数据被正确获取。 问题是,即使我将 editMode 值从 false 更改为 true(并且我打印以正确控制该值),视图也不会从 CustomerDetail 更改为 Cust ...
我正在尝试在 main.js 文件上动态创建的 div 上挂载一个 vue 实例: 当我这样做时,我收到了这个错误值不能反应:null 我假设这是因为我没有等待 DOM 元素实际加载到 DOM 中以安装 Vue 实例,但我找不到正确执行此操作的方法。 这样的事情也不适合我: 我只是想知道我是否必须将 ...
在将我的代码重构为组合 API 时,我偶然发现了一个完全出乎意料的问题:似乎没有任何(记录的)方法可以从生命周期挂钩访问当前实例。 示例代码:import { defineComponent, onMounted } from 'vue'; export default defineCompone ...
我在 Nuxt 2 中使用@nuxtjs/composition-api版本 0.33.1,我的组件如下所示:import { defineComponent, useContext, useRoute, watch } from '@nuxtjs/composition-api'; expor ...
我有一个药丸形状,上面写着生产或开发。 我希望背景颜色根据是生产还是开发而不同。 我以前用选项 api 做过这个,但我在组合 api 时遇到了麻烦。 计算方法:const reportStatus = computed(function() { if (dashboard.status === ...
我想在组件外格式化我的日期时间。function transformDatetime(config, value) { if (value) { return $d(new Date(value), config); } return $t('-'); } ...
我还是VueJS的新手,我无法弄清楚这一点。 我有一个页面加载了axios来自wordpress我的posts : 和模板 这工作正常,选项 API 没问题。 但是当我想将其转换为组合 API 时,帖子不会出现: 我怀疑我对 refs 的工作方式有误解,因为如果我编辑<template> ...
在 vuejs 应用程序中,我有一个组件在等待 api 的回复时加载。 它包含一条简单的模糊线(没有道具或事件)。 我想每隔半秒加载一次相同的组件,即它从一行开始,半秒后第二行,再半秒后第三行等等。 LoadingLine 包含: 我想到了带有 setInterval 的 function,类似于 ...