我有以下看法： })) 但是我得到了以下错误： [Vue warn]: failed to compile template: <span v-el:trigger> <slot></slot> <div v-el:popover v-if=show :class="['popover',placement]" :transition=effect> <div class=arrow></div> <

我有一个分类列表，如下所示： categories[ { title: 'title1', id: 1 }, { title: 'title2', id: 2 } ] 我正在使用插件。HTML代码如下所示：在此处输入代码 <v-select v-model="category" label="title" :on-change="setFeatures(// here what should

在我的Vuex状态下，我有一个包含医嘱行数组的对象，在我的模型中，我使用getter访问该对象，并在医嘱行上循环，为每个医嘱行创建一个组件 现在，当我触发移除变异时，我也会请求order对象的更新，并用正确的新对象替换旧对象。到现在为止，一直都还不错。。我的所有组件都会获得新的order对象并更新它们的列表 但它们不会在循环中创建/重新创建组件，它们似乎只是更新索引->导致下一个问题： 如果删除顶部项，则下一项的所有数据都将绑定到“已删除”组件及其状态：/ <div v-fo

我是Vuejs 2的新手，目前正在做一个项目。我正在使用vuetable-2在Vuejs 2中形成一个数据表 我目前面临一个问题，无法使用属性api url vuetable-2检索数据 然而，我能够通过使用Axios和全局Axios默认配置（将令牌传递到每个请求头）从服务器检索数据 上图显示了两个部分： 1.使用vuetable-2的api url[出现错误403的那个，禁止] 2.使用Axios GET请求[成功检索数据] Vuetable-2 api url（对服务器的api调用）：

我有一个场景，页面上有两个主要组件；一个框架式组件，包含许多应用程序（包括书签/选项卡栏）的通用功能和我的实际应用程序代码 由于框架实际上并不拥有它所包含的页面，因此它定义任何路由似乎都是不正确的，但是当前页面可能会定义它们自己的路由，这些路由可能与其中一个链接相匹配。在这种情况下，我希望vue路由器能够正确处理这些锚定点击并导航，而不是重新加载整个页面 下面是一个简化的模板，它看起来像： 框架（我的应用程序的外部依赖项）： 附录1： 你正在看：{{pageId}}！ 因此，当从该选项卡

学习Vue和卡滞 我试图访问每个方法中的用户，以确认每个iHuman和iPlayerTurn函数的真/假值。如何访问每个方法内的循环中的用户实例 我在模板中有以下表格行： <template> <div class="col-xs-12"> <h5>Enemies online</h5> <span id="no-online-players" class="player-label pull-righ

我正在处理Buefy输入字段，并寻找一种方法，可以告诉我任何表单字段是否有错误 如果没有可用的方法，那么我们如何编写自定义方法来确定它。它将有助于在其他用例中禁用submit方法等。现在有一个扩展正在标记输入丢失/无效 否则，应该在Vue.js端、Vue组件方法上进行自定义验证。不幸的是，该扩展比任何其他扩展都更令人头痛。有解决此问题的方法吗？ <b-field horizontal label="Title"> <b-input v-mod

我正在尝试开发一个网站，在那里我可以在移动设备中从chrome切换相机。当前im使用vuejs 2框架并使用MediaDevices.getUserMedia（）拍摄图像。从我开始，我知道我该如何使用我的代码。前后摄像头分别工作。但是当我试图在两者之间切换时，它就不起作用了。这是我的密码： <template> <div class="container" id="scanIdCardPage"> <div class="scanIdCard

我开始在PWA的世界里工作。我目前使用的是，它使用的是workbox 我配置了所有脱机访问： pwa: { workboxPluginMode: 'GenerateSW', workboxOptions: { skipWaiting: true } } 更新缓存的唯一可能性是，当我进入站点时，生成的软件会检查是否有更新，如果有，则会启用更新，以便激活下一次重新加载 但是有没有可能在后台这样做呢？当我发送推送时，是否要求更新缓存？有人能给我一些提示吗？您所描述的内容与背后的想

我已经在localhost/send上使用post方法和localhost上的vue应用程序设置了node express服务器 Vue应用程序运行完美，即使在远程机器上也是如此 Post请求需要json对象，它通过NodeEmailer发送邮件。 当我通过邮递员应用程序发出发帖请求时，它就起作用了 当我想通过Vue应用程序（axios）发送邮件以发出发帖请求时出现问题。我将整个电子邮件数据存储在Vuex中，并使用“computed”在我的组件中使用它。我可以渲染数据，但在我的电子邮件中，所有数

在阅读了Vue、Vuex和Vue路由器的许多示例和文档后，我完成了以下项目： 当我尝试从Post部分加载一行时，即使一切正常，Vuex存储中的值也是空的。以下是组件： const PostContent = Vue.component('postcontent', { data() { return { post: this.$store.state.currentPost // post: { //

我是vuejs新手，我有一个用于搜索图像的挂载部分： mounted () { this.UserImage = localStorage.Image this.UserName = localStorage.Name }, 当我没有图像时，this.UserImage返回字符串：data:image/jpeg；base64， 如果我没有找到图像，我可以使用什么来比较和使用v-if v-else显示一些默认图像 我的尝试是： mounted () {

我正在使用Vue.js和Vuetify，在关闭对话框时遇到问题 我已经设置了一个对话框=''，并使用this.dialog=false更改了方法上的值。 <v-dialog v-model="dialog" persistent max-width="600px"> <template v-slot:activator="{ on }"> <v-btn color="primary" dark

使用vuejs仅6周，而且根本没有查看组件，如果这是一个愚蠢的问题，那么很抱歉 我正试图在v-for循环中动态更新tabs from的b-spinner组件，并将v-for中的参数设置为computed属性 它在不使用v-for时工作正常 <b-tab> <template v-slot:title> <b-spinner type="border" small v-show="!updateDone"></b-spinner> &l

以下哪种格式有效：仅限使用VuePhoneNumberInput的国家/地区？ 我尝试： 谢谢 不使用小写的ISO2国家/地区代码，您需要使用所有caps代码，如： :only-countries="[ 'ES', 'US', 'AF', 'AL' ]" 此外，请验证哪个国家的代码是en，如果您想使用“大不列颠”的国家代码，则需要使用GB [Vue warn]: Error in nextTick: "Error: Key is undefined on item (keyField is '

我是vue新手，我正在尝试用这个jquery插件创建一个日期输入掩码： 我创建了一个vue组件，如下所示： <template> <input type="text" name="" class="form-control date"> </template> <script> require('./../jquery.mask.min.js'); export default { mounted: fu

我需要更新VueJS组件中的一些数组数据，该组件将通过v-for在模板中呈现为列表 当我更新整个数组时，我看到列表在DOM中更新。但是，如果只更新索引，则列表不会更新 以下是两种相关的方法： methods: { loadOnlyOneIndex: function() { this.data[0] = { title: 'Hello error', slug: 'hello', desc: 'will not work' }; },

我试图在HTML元素中使用v-if指令隐藏div元素，如下所示： <template v-if="(selectedProducts != 'Static Graphic' || selectedProducts != 'Other Support')"> <div><strong>Content 2 Here</strong></div> </template> 此处为内容2 但是，这不起作用 写这个逻辑/表达式

我正在呈现一个自定义组件列表（这只是一个示例），如下所示： <template> <ul> <li v-for="(item, index) in componentList" :field-name="MyFieldName" > <custom_component :index="index"

每当我嵌套v-on：在v-if中单击时，整个div都会消失。我做错了什么 <div v-if="!signInIsHidden1" > <div v-on:click="!signInIsHidden = signInIsHidden" style="text-align:center"><br>Register</div></div> 登记册 VueJS表达式必须是有效的JavaScript 这： !signInIsHidde

我正在将我的Bootstrap 4网站迁移到Bootstrap Vue。我是Vue.js的新手，这里有一些困难。我尝试使用一个引导Vue可折叠组件，其中可折叠元素本身位于子Vue组件中，按钮位于兄弟节点中，两者都具有相同的父节点。 现在我找不到让这些人交流的最好方式。（将它们放置在同一个Vue组件中的效果与预期相同。） 我的问题是一般性的。在这方面有什么最佳实践吗 非常感谢。如果我的问题不够清楚，请发表评论，以便我可以解决它 更新 在Max的帮助下，我成功地使它按预期运行（代码如下）。我的代码中

我正在制作一个Vue应用程序，在其中实现typeahead.js 我想通过.on（«typeahead:selected，function（））上的this.model=selectedItem将所选值绑定到我的模型，但当我这样做时，这将引用我有typeahead输入的输入 谢谢你的帮助 你的问题让人困惑，你觉得这里有什么让人困惑的地方？如果可能的话，你能提供更多的代码吗

大家好，这里是my store.js，我正要使用vuex从后端获取数据。但它不起作用。我想我可能是做错了什么 提前感谢您的帮助。非常感谢。嗨！在你的变种“addUser”中，你使用变量“todo”，但我看不到它在你的代码中声明，同样在你的状态下，你在数组中添加用户，就像你想指定类型一样，我不能完全确定它是否正确。您是否在控制台中看到“已添加”？你能附上你的Vue代码吗？我想这会更容易帮助你//这是我的Api.js从“axios”导入axios；导出默认值（）=>{return axios.cre

我有一个在chrome、firefox和edge上运行良好的身份验证表单 <el-form :model="auth"> <el-form-item class="form-item" label="Email"> <el-input v-model="auth.email" placeholder="Email"></el-input> </el-form-item> <el-form-i

我在vue.js前端工作。如果使用匿名身份验证，我可以成功地调用stitch并写入数据库。当我切换到Google oauth并尝试对数据库进行相同的写调用时，我得到以下错误： uncaught exception: t: (MustAuthenticateFirst): method called requires being authenticated 我已经在Stitch管理控制台中设置了Google身份验证提供程序。我已经在谷歌云平台上创建并配置了一个项目。在我的vue代码中，我添加了一

我是VueJs的新手，我正在制作一个表单，我希望仅在模型发生更改时启用保存按钮 我最初的想法是计算一个脏函数，将初始模型与当前模型进行比较 注意：此代码未经测试，此处仅作为示例 是否有更好的方法，或者您可以对上述代码提出改进建议？您可以使用watch的deep选项，如中所示 借用--> 您可以在父容器上绑定单个onchange事件，并从更改事件气泡中获益： <div class="container" @change="someThingChanged()"> <input

我的问题是：我有一个银行账户列表，它们被循环成v-for。对于每个银行账户，我都有一个按钮可以删除它。当用户删除银行帐户时，我希望显示带有确认方法的确认模式。我必须将v-for的索引传递给方法，以知道必须从原始数组中删除哪个元素。当我传递该索引时，它与当前元素的索引不匹配。 这是一个视觉支持： <div v-for="(bankAccount, index) in bankAccounts" :key="bankAccount.id"> <ModalConfirm @clo

我在Vue中创建了一个登录页面，但在登录后，我需要将用户名传输到他/她的仪表板。我尝试过不同的解决方案，如事件总线，但它不起作用。还有其他解决办法吗 这是我已经尝试过的： // In my login page I have this after the user presses login bus.$emit('Login', this.Name); // This is what I have in my dashboard page created() { bus.$on('Log

我是Vuejs新手，我只是在Nuxtjs上安装了vue flip插件，并编写了以下标签： 这是index.vue处的标记： <vue-flip active-hover="TRUE" class="flip"> 我试图从true改为1，但保持不变 消息指向此位置 地址： -->位于src/Flip.vue 在第页/index.vue 在layouts/default.vue处 我怎样才能摆脱这个消息 而不是 <vue-flip active-hover="TRUE" cla

在Laravel 5.8/vuejs 2.6/vuex/mysql应用程序中，我需要从中添加条带元素， 为此，我在参考资料/views/index.blade.php中添加了一行： @include('footer') <script src="{{ asset('js/jquery.min.js') }}"></script> <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></scri

在任何*.vue文件的@vue/cli 4.0.5应用程序中，如果需要在此页面上使用axios，我必须导入它，如： <script> import {bus} from '../../../src/main' import appMixin from '@/appMixin' import axios from 'axios' ... 我有这个问题，因为我以前在laravel 5/vuejs 2.6应用程序中工作，我的应用程序的所有*.vue文件都可

我在Vuex和更新同级组件的状态方面遇到问题。我知道有必要使用：键绑定并将其保存 在我的州，我有： 过滤器：{ 客户ID:0， projectId:0， projectRoleId:0， 子项目：0， }, 我有4个组成此页面的组件： 月份：此组件具有子组件，但具有筛选器的v-处于此级别 DailyDetail：此组件以更详细的信息显示一天的时间条目 议程：这是日历中显示的同一天的垂直视图（月控件） 筛选：我们可以在这里筛选4个字段中的1个（客户、项目、子项目或项目角色） 当我单击并添加过滤器

在vuejs中使用ifv-select检查元素是否被选中的正确程度 在带有代码/标签数组的数组中具有选项 我试着： console.log（'-11类型的此.selection\u filter\u priority:：'）） console.log（此选择的类型\过滤器\优先级） console.log（此.selection\u filter\u优先级） if（typeof this.selection\u filter\u priority='object'&&typeof this.

我正在努力让vue的甲板发挥得更好。到今天为止，我发现的所有例子要么都是相当黑客的，不是我的用例，要么已经过时了 有谁知道一个好的开始步骤的来源吗？我不确定您是否找到了解决方案或其他内容，但我只是想在这里发布一些信息，以防您或任何其他人在这方面需要帮助 我们正在开发一个开源库，帮助在Vue中引导DeckGL/Mapbox实现，同时提供一些很快就会更有用的抽象 以下是一些您可能会发现有用的链接： 回购： 教程和文档： 如果您需要更多帮助，请随时访问回购协议，并在问题中提出问题

我有一个vue.js应用程序在php生成的页面中运行。 vue应用程序部署为静态js/css文件。带有相应的html文件由php生成。通过html将Within php中的变量注入vue的最佳实践是什么 我可以考虑将它们作为数据属性绑定到一些html元素（这将是一个相当肮脏的攻击），或者通过生成一个段来保存我的变量——在这种情况下，我不确定变量的作用域。变量的作用域和正确的声明 谢谢 编辑：我要注入的数据是vue发起的ajax请求的基本url和凭据，因此我无法通过ajax获取这些数据。Szia

我正在使用Vue 2和Vuetify（而不是Vue 3）创建表单生成器网站。在我发现出问题之前，我一直进展得很顺利。所以，情况是这样的。我使用下面的代码呈现了一个反应数组中的文本字段（输入） // ... 其他一些不相关的代码 mdi关闭 // ... 其他一些不相关的代码 从“@vue/composition api”导入{reactive，ref，watch} 从“@/composables/useInquiry”导入useInquiry 从“@/components/clickables

我有以下带有php标签的href。它在1.x上工作，我需要迁移到2.x版本 <a href="<?=base_url('report/message/compose/{{student.StudentID}}')?>">test</a> 如何更改为在2.x版本上工作？您应该能够做到这一点： <a :href="'/report/message/compose/' + student.StudentID">test</a>

我已将以下json提取到我的导航for循环中。 这是可行的，但当我将{{item.navitems.navitem.name}粘贴到“”中时，我收到了此错误 我怎样才能在工作中做到这一点 错误： 循环： 您似乎需要一个空检查，如下所示： <ul class="nav navbar-nav"> <li v-for="item in items"> <router-link v-if="item.navitems && item

我有一个App.vue组件，我想在其中加载当前登录的用户。我还希望在用户尝试进入登录路径并且当前登录的用户已保存在上下文中（他已登录）时重定向该用户 我在登录组件的created方法中检查了当前用户是否已设置，但是当用户尝试转到登录页面时，可能当前用户的请求未完成 我的问题是： 在加载App.vue组件之前，如何等待数据加载？ 我看到了这样的情况： waitForData: true, data(transition) { return AuthService.getCurrentUser(

我正在尝试在我的laravel v.5.5项目中实现，我已经安装了该软件包，并且我正在导入我的app.js中的js部分和我的sass文件中的css文件，如文档中所述： App.js window.Vue = require('vue'); import VueMaterial from 'vue-material'; Vue.use(VueMaterial); @import '~vue-material/dist/vue-material.min.css'; App.scss windo

我正试图钩住事件生命周期并调用组件中的方法，但从未调用组件中的方法getCalled（）。“离开后”事件的过渡动画按预期工作，仅显示不显示的事件 根据文档，我可以连接到显示事件系统中，如图所示 <transition-group name="order" tag="div" appear v-on:after-leave="activateScrollToBottom" v-on:after-appear="getCalled" v-on:before-appear="getCalled"

我在vue中创建了一个组件，它封装了一个vue apexchart圆环图。页面加载并加载此组件后，vue apexchart将立即设置动画并显示一个小图形。 现在，我想从数据集中并排实例化这些组件中的多个。与所有组件同时加载动画不同，我希望有一个小的渲染延迟来给它一个整体的好效果。像这样的东西会很好： <donut :items="series1"></donut> <donut :items="series2" delay=1500></don

我想在传单弹出窗口中显示无序列表或表格。 项目数量及其内容不同，取决于单击的元素类型。 因此理想情况下，弹出内容应在单击事件上创建 我试图在bindPopup函数中构建列表，但它不起作用 L.marker([mapElement.y * -1, mapElement.x], { uniqueID: mapElement.elementID, mapIconWidth: mapElement.width, icon: new mapIcon({

我是vue.js的初学者，我正在尝试获取一个api结果并将其显示到我的vue页面。我的Api是用Laravel5.7构建的。 我刚刚安装了Vue axios包以与http一起使用 这是我的密码： 任务控制器 public function index() { return response(Task::all()->jsonSerialize(), Response::HTTP_OK); } App.vue <template> <div class="a

我有一个Vue应用程序，它是一个复杂的表单，根据所做的选择有很多开关规则。 我通过在节中创建组件来实现这一点。 在启用submit按钮（在最后一节中）之前，我想检查可以填写的所有内容是否都已完成。 我有一个类，当一个元素被填充时，我会更新它。在某些数据被放入字段或组件之前，是否需要填充类 <template> <div> <div> <label class="block"> <span :clas

说明 我用vue.js构建了一个非常标准的SPA，在这里我使用Auth0通过下面的示例来处理身份验证部分。应用程序流程如下所示： 通过Auth0锁在Initial.vue中注册->回调被调用->用户重定向到/home 上述流程中的所有内容都可以正常工作，但问题在于： 问题 一旦用户注册并在/home中，我希望他能够访问所有其他路径（例如/doctors），如果未通过身份验证，则应提示他再次登录。根据上述链接，这在路由器中处理。在每个功能之前 访问/登录页面（Initialvue）时出现我的问题。

我有一个使用Vuetify Vue 2.0的简单选择菜单，如fiddle中所示： 该选项已添加，但菜单不会像其他选项一样关闭和选择，并且菜单保持打开状态 我的参考来自Vuetify文档： 在“预结束/追加项目槽”下 四 var vm=新的Vue{ el:应用程序， 数据：{ 项目：[一、二、三]， 选择编辑项： } }; 您使用的是v0.14.8版本，甚至v0.15都不支持所需的插槽。考虑更新。< /P> 我收到了Vuetify开发人员的答复： 我需要补充： ：菜单道具={closeOnCont

过去几周我一直在努力解决这个问题。我看了几个系列。一个在youtube上，一个在codecourse上。它们都显示了验证用户身份的正确方法，但一旦用户登录。登录路径仍然可以访问。我会尽力提供尽可能多的信息 这是我的nuxt.config.js auth: { plugins: ["~plugins/auth.js"], strategies: { local: { endpoints: { login: {

默认情况下，带有一些YML配置的项目root README.md用作Vuepress中的主页。有没有办法使用其他文件来处理相同的问题 我想将README.md用于其他用途，比如创建项目构建和部署说明 我在1.0.2版中询问过，我不知道vue的这个扩展，所以这是一个很好的练习 我查看了所有出现的不区分大小写的自述文件，结果发现您想要的是不可配置的，因为readme是在几个文件中硬编码的 我更改了源代码中出现的几处readme，并设法将登录页更改为test.md 以下是您需要在源代码中更改的文件：

我正试图与Vue打交道，但我遇到了一些问题： 1：我无法从router/index.js文件访问我的getter。（我可以访问它，但它像函数一样返回，返回函数，我无法调用并获取值） 2：我不能正确地设置守卫。有角的话就容易多了 我做错了什么？有什么建议吗 路由器代码 /*eslint禁用无未定义*/ 从“Vue”导入Vue； 从“vue路由器”导入VueRouter； //从“../store/modules/auth”导入身份验证； 从“vuex”导入{createNamespacedHelp