将此标记用于特定于Vue.js版本2的问题，这是一个用于构建用户界面的开源，渐进式Javascript框架。
更新的生命周期事件：仅在特定元素上的 dom 更新后使用观察者进行操作
在 Vue 中，有“更新的”生命周期方法，该方法适合在数据进入后对我的标记进行处理。在我的例子中，我手动推动 SVG 文本以与其后面的内容对齐
我搜索了几个小时并红了数千个帖子，但没有找到合适的解决方案。 我想将 Webpack5 与 Vue2 一起使用。 因此，我将 vue 升级到 ^2.7.14 并将 vue/cli 升级到 ^5.0.6。 是...
我有一个模式，用来尝试在 vanilla js 中保留尽可能多的逻辑（单元测试、数据获取等），并使用 Vue 来处理渲染或仅在框架中可能的任何其他功能。那个...
如何只提取一次无线电组过滤数据，而不是针对数据库中的每个条目提取数据？
我正在创建一个无线电组选择器来过滤返回的数据，但我陷入了最后一个区域。 它会拉动所有正确的“焦点区域”，但是它会针对
如何调用计算属性。我有一些场景，根据条件调用 false 和 true，但计算的结果没有更新。请指导回忆 getData(); 如何调用计算属性。我有一些场景，根据条件调用 false 和 true，但计算的结果没有更新。请指导回忆 getData(); <component record="getData"/> computed: { getData(){ let options = { call: true, select: true } return { options, change: this.change } } }, methods: { change(){ this.options.call = false } } 如果您希望计算属性根据 options.call 的值更改进行更新，则必须首先将 options 添加到您尚未创建的组件的 数据对象 中，使其成为 反应性。 一旦将 options 添加到 data，它就会成为组件状态的一部分，这使得它可以在组件的其余部分中作为 this.options 进行访问。现在你的 change() 方法将能够影响它。您的计算属性应该重写为返回 this.options，而不是创建它自己的本地范围 options export default { data() { return { options: { call: true, select: true } } }, computed: { getData() { return { options: this.options, change: this.change } } }, methods: { change(){ this.options.call = false } } } Vue Playground 示例
未捕获的类型错误：(0, vue__WEBPACK_IMPORTED_MODULE_20__.reactive) 不是一个函数 - 在 Vue 2 中
我是Vue js的新手， 控制台错误： 错误 未捕获的 TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) 不是一个函数 - 在 Vue 2 中 在resetStoreState（webpack-internal:///./
循环回到第一张幻灯片时，Swiper 单击事件不起作用。在以下情况下，点击处理程序无法触发： 单击上一张幻灯片中的 > 箭头时 < 4/4 > 当...
我想问你如何定义一个在超时后执行的方法？超时后我想执行 $emit 事件，但我不知道该怎么做...... 我想问你如何定义一个在timeout之后执行的方法？之后timeout我想执行$emit事件，但我不知道该怎么做... <v-snackbar v-model="snackbar" :color="primary" :timeout="5000" > {{ text }} <v-btn dark flat @click="snackbar = false" > Close </v-btn> </v-snackbar> https://vuetifyjs.com/en/components/snackbars 根据文档，该属性没有附加任何事件，但我将提供一个响应您的用例的解决方案，将 timeout 属性添加到您的数据对象，如下所示： data() { return { snackbar:false, timeout:6000, .... } } 将事件处理程序添加到您的按钮单击： <v-btn block color="primary" dark @click="showSnackbar"> Show Snackbar </v-btn> 在您的方法中添加 showSnackbar 方法 methods: { showSnackbar() { this.snackbar=true; setTimeout(() => { this.$emit("yourEvent"); },this.timeout); } } 我用这支笔模拟了你的情况 您还可以使用观察者。观察 snackbar === false，然后执行该函数。 在超时后执行某些操作的最佳方法是使用 v-snackbar 组件提供的本机 events。在 Vuetify 2 中是 @input，在 Vuetify3 中是 @update:modelValue。这是一个例子： <template> <v-snackbar v-model="message.status" :color="message.type" :bottom="true" :right="true" :timeout="timeout" @input="hide()"> {{ message.text }} <template v-slot:action="{ attrs }"> <v-btn class="mr-0" v-bind="attrs" text icon @click="hide"> <v-icon color="white">mdi-close</v-icon> </v-btn> </template> </v-snackbar> </template> <script> import { mapGetters } from 'vuex' export default { name: 'Message', data() { return { timeout: 6000 } }, computed: { ...mapGetters(['message']) }, methods: { hide() { this.$store.commit('hideMessage') } } } </script> 所以，这里的hide()方法会在点击close按钮或者超时时执行。
我注意到，如果有多个点击触发器，我需要延迟点击触发器才能通过测试。我不知道出了什么问题，因为当点击按钮时按钮的反应正如我想要的......
当我有以下代码片段尝试动态加载组件时，导入的站点分别运行无限循环。 当我有以下代码片段尝试动态加载组件时，导入的站点分别运行无限循环。 <template> <div> <div v-for="(user, userIndex) in users" :key="userIndex"> <component :is="() => import(`./${user.typ}CreateFields.vue`)" v-model="users[userIndex]" /> </div> </div> </template> 动态组件不能在循环中吗？ 这里是沙箱： https://codesandbox.io/s/nice-thunder-2yjhp3?file=/src/App.vue 以及错误页面（在控制台中查看） https://2yjhp3.csb.app/ 您面临的问题是因为您使用函数 () => import(...) 作为动态组件的 :is 绑定，并且该函数在无限循环中重复执行。 要在循环中动态加载组件，您应该使用计算属性来动态解析组件，然后在 :is 绑定中使用该计算属性。
Vue中子组件添加新数据时动态获取父组件中的数据，无需使用watcher
除了使用 watcher 之外，Vue 中还有其他方法可以在更新时显示数据吗？就像我们在 React 中使用 useEffect 来在数据更改时呈现一样，我们是否可以做一些...
除了使用 watcher 之外，Vue 中还有其他方法可以在更新时显示数据吗？就像我们在 React 中使用 useEffect 来在数据更改时呈现一样，我们是否可以做一些...
使用 i18n 时，当语言/区域设置发生变化时，如何调用函数？ 我应该使用 Vuex 还是 vue-i18n 有一个方法可以让我这样做？
无法从 \Project uejs-frontend it.config.js 加载配置：VueJS
我的项目昨天运行良好，但今天重新访问项目后，我在尝试运行该项目时遇到了此错误。 这是我的 vite.config.js 文件： 导入 { fileURLToPath, URL } from ...
我最近开始学习Vue，遇到了一个对我来说非常奇怪且难以理解的问题。 我并不认为从架构方法的角度来看，这段代码可能是错误的，但是
Vuetify <v-list-item-group> <v-list-group> 所选项目未存储
我需要一些建议。我有两个子列表。一个用于标签，另一个用于类别。每个都应该允许多重选择。我想将选定的标签保存到 selectedTags 和选定的类别中...
运行 npm runserve 后 style.sass 出现错误
我尝试在我的 VueJS 项目中运行 npm runserve 但遇到语法错误：“预期标识符”指向此：“will-change：transform，opacity”。 满l...
注释版本：vuejs2 组合 api 如下面发布的代码所示，在父组件中，我提供了反应变量状态的值。在已安装的生命周期回调中，我更改了值...
最近在学习vue，制作一个排名组件。 为了使其正常工作，我需要一一显示元素，如示例所示： 最近在学习vue，制作一个排名组件。 为了使其正常工作，我需要一一显示元素，如示例所示： <input type="text"> <label for=""></label> <input type="text"> <label for=""></label> <input type="text"> <label for=""></label> 但是我的代码显然首先绘制输入，然后绘制标签： <script setup> const stars = [ { id: "star5", value: 5 }, { id: "star4.5", value: 4.5 }, { id: "star4", value: 4 }, { id: "star3.5", value: 3.5 }, { id: "star3", value: 3 }, { id: "star2.5", value: 2.5 }, { id: "star2", value: 2 }, { id: "star1.5", value: 1.5 }, { id: "star1", value: 1 }, { id: "star0.5", value: 0.5 }, ]; </script> <template> <div class="center"> <div class="rating"> <input type="radio" v-for="star in stars" :key="star.value" :id="star.id" :name="'rating'" :value="star.value" /> <label v-for="star in stars" :key="star.value" :for="star.id" :class="[star.value % 1 === 0 ? 'full' : 'half']" ></label> </div> </div> </template> 我尝试用不同的方式画星星，就像这样： <div class="center"> <fieldset class="rating"> <div v-for="star in stars" :key="star.id"> <input type="radio" :id="star.id" :name="'rating'" :value="star.value" /> <label :for="star.id" :class="[star.value % 1 === 0 ? 'full' : 'half']"></label> </div> </fieldset> </div> 但是在这种情况下，添加了额外的一半，并且元素没有发挥应有的作用。 如何按照我在示例中所示的那样，一一绘制元素？ 进行更改，使标签标签包裹输入，并从输入标签 is 中删除第二个 v-for。 注意 </label> 标签所在的位置： <div class="center"> <div class="stars"> <label v-for="star in stars" :key="star.value" :for="star.id" :class="star.value % 1 === 0 ? 'full' : 'half'" > <input type="radio" :key="star.value" :id="star.id" :name="'rating'" :value="star.value" /> </label> </div> </div>
我正在尝试制作一个如下图所示的表格。 我知道我可以使用 vuetify 提供的模板使用多次迭代来处理嵌套数据。而且它还讨论...