我有一个 Icon.vue 文件，如下所示：<template><div class="book-item Icon--container Icon--{{active}}"><a href="{{slug}}"><img v-bind:src="path" transition="fadein" class="img-responsive"/></a><template v-if="name">
2016-08-10
我正在使用 Vue 1.0。我有一个带标签的 UI。在每个选项卡中，都有一个组件应该加载自己的数据（通过 ajax）。我不想一次加载每个选项卡的组件数据。我只想加载一次数据。如果我在组件上使用 v-if 并将加载代码放在 ready() 中，则每次选择选项卡时都会加载。这是因为 v-if 会破坏并重新创建组件。是否有与 v-if 等效的 keep-alive 函数？如果我使用 v-show，所有选
2017-03-15
我是 Vue.js 的新手，我刚刚阅读了此处有关条件渲染的文档（https://v2.vuejs.org/v2/guide/conditional.html），但不知何故无法使其工作...我的代码：<button onclick="showTemplate()">Teste</button><template v-if="app"><div id="app">{{ message }}</div>
2017-07-06
我在 javascript 上定义了一个小型 vue.js 组件。是否有任何优雅的方法可以在元素加载时仅实例化 vue 组件？问题是我在其他没有该元素的 html 中收到这些警告：vue.js:485 [Vue warn]: Cannot find element: #item因为它到处都在运行这个 js new Vue({el: '#item',});在 vue.js 中如何处理它？</p
2017-10-02
我创建了一个简单的扫雷游戏，当决定渲染哪个单元格时，有三种可能性：未显示的单元格显示的地雷单元格显示的中性单元格我创建了一个行组件，用于渲染该行包含的所有单元格。<template><div class="row"><componentv-for="(cell, columnIndex) in row":key="columnIndex"/></div></template>我现在必须添加条件语句
2019-06-01
我创建了一个登录页面，其中我设置了条件。如果未登录则显示 NAVBAR A如果登录成功则显示 NAVBAR B。在登录过程中，我创建了一个本地存储，其中存储了 token。请问为什么要安装延迟渲染？当用户登录后，它应该渲染导航栏 B，如果先刷新它，它就会起作用我的代码 app.vue<v-main><NavA v-if="token==='' "/> //if not login<NavB v-i
2021-01-04
我有一个组件，它可以响应式地显示对象数组中包含的数据。目前，该组件显示两个对象，但我希望它根据条件显示其中一个对象。如何根据名为 premiumActivated 的属性的状态显示其中一个对象？<template><div><div class="background-div"><div class="page-info-inner"><PremiumContent v-for="item in
2021-03-21
在我们的前端，我们希望根据用户是否具有触发操作的“权限”来禁用某些元素（即按钮）。为了保持代码整洁，我们想做这样的事情：<button reqPermission="edit">这应该调用连接到我们的权限服务的 JS 方法，并且 Vue 应该仅在请求为真时才呈现元素/启用它。我对 VueJS 不太了解 - 但我想避免的是使用v-if="..."之类的东西，因为这会使我们的代码混乱。任何关于如何实现
2021-05-07
使用 Vue JS 已经有一段时间了，我目前正在尝试渲染一个数据列表，每个记录都有一个按钮。单击按钮时，我想有条件地渲染一个组件（在本例中）。有没有 Vue 认可的方法可以做到这一点？我应该操作 DOM 吗？以下方法似乎不起作用。<template><div v-for="data in list">{{ data.bar}}<button @click="handleClick"><div v-
2022-06-28
当我使用 vite + vue 进行 Web 组件的单元测试时，遇到了这个错误：Error: Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .htm
2022-06-02
我已将 Vue 应用连接到 Firebase 数据库，当我在本地主机上检查页面时，我能够在 Vue Dev Tools 中看到生成的 JSON，例如：users:Array[10]0:Object.key:"99"City:"Richmond"Date of Birth:"9/16"Email:"[email protected]"Gender:"F"Home Phone:""Ministry:"
2017-09-13
我的 firebase DB 具有此树结构。我使用 vue-fire 循环遍历数据库。我想检索 name 属性中的“CantFindMe”值。我的文件如下所示：// Dashboard.vue<template><div class=""><ul><li v-for="personName in names" v-bind:key="personName['.key']"><div v-if="!
2017-11-01
我其实不明白当用户在网络浏览器上点击重新加载页面时会发生什么...第一次登录后显示用户数据是可以的... store.state 数据可用（localStorage 缓存数据也是如此）但是如果我重新加载页面，即使 store.sate 数据可用，它们也不会再显示..查看 console.log=== 开始显示主页 ====================console.logROUTER BEFO
2018-07-06
我从 Angular 转而使用 Vue.js，完全是个新手。我尝试加载 asyncData 并像这样显示它：<template><section><h1 v-for="employee in employees" v-bind:key="employee.name"> {{employee.name}}</h1></section></template><script>import { db
我是 Vue Js 的新手。我正在做一个 TODO Web 应用程序。我使用 firebase 作为后端和数据库。我正在使用 Vuex 进行状态管理。到目前为止，我能够将数据添加到 firebase，但是当需要读取时，我被卡住了。我无法从 firebase 读取数据。它在我调用的component中显示一个空数组。这是我的store.jsimport Vue from 'vue';import V
2020-04-02