我曾经尝试Vue，首先是Webpack，它工作得很顺利，所以现在我尝试将它与Bunch集成，因为它是Phoenix使用的，但我遇到了一个神秘的错误： 找不到模块“babel runtime/core js/json/stringify” 我试图从我最初的Webpack项目的package.json中复制所有与babel相关的依赖项，但我仍然得到相同的错误，我不知道为什么。 我尝试过使用Thread，尝试过删除节点模块，然后重新安装，尝试过不同版本的babel运行时，但都没有用。 我当前的pack

我似乎无法设置默认选择选项，只要我有了v-model默认选择就不再起作用了 工作： <select class="uk-select uk-form-width-large" style="float: right"> <option hidden>Select Bank</option> <option v-for="bank in bank_list" v-bind:value="bank">

我刚开始使用vue js，我花了几个小时的时间努力做一些非常简单的事情，比如在挂载函数上使用js更改{{vari}}的值。有人能给我一个答案吗？我希望该段落在进入mounted（）函数时显示与teste不同的消息 编辑：谢谢。为什么当我试图在函数中更改它时它不起作用 mounted () { atualiza(); function atualiza(){ this.vari = String("bla"); } } 不会工作，因为函数将

我想使用vue.js为select选项设置一个默认值 这是我的密码 <v-select v-model="contact.title" :options="['Mr','Mrs','Ms']"> </v-select> 谢谢不是vue中的最佳实践。 你可以这样做： <v-select v-model="selected" :options="['Mr','Mrs','Ms']"> </v-s

我正在使用Vue 2.6.9和新的v-slot语法。我想访问插槽内的v-model交互。问题在于，在插槽中显示数据是可行的，但使用v-model则不行。这是我的密码： Vue.component('base-test', { template: ` <div> <slot :foo="foo" :foo2="foo2"></slot> </div> `, data(){ return{ foo: 'B

我正在VueJS中构建一个新的PWA，并已在我的manifest.json（）中将该应用程序注册为共享目标。现在，如果我通过浏览器地址栏（例如“/#/page edit？URL=”）将查询参数直接放在URL中，我的代码就可以工作，但是如果我通过Web共享目标API发送它，代码就不能工作 我已经尝试了一系列不同的清单设置，但我不确定我的清单设置是错误的还是我的代码（例如，尝试了方法“GET”和“POST”，等等） 当前舱单： 当前Vue视图： 我已经删除了大部分不重要的代码。如您所见，我目前以两种

我正在使用详细信息主功能和分页。当我花费最底层的行时，细节网格应该和主行保持在同一页上。有没有关于如何做到这一点的好例子？提前感谢。找到了一个令人满意的解决方案：只有手动设置paginationPageSize，这才有效；paginationAutoPageSize=true时，底部行扩展仍会转到另一页 onRowGroupOpened(event) { if (event.node.expanded) { this.gridOptions.api.pag

我有一个基本的textfield，每当字符数量发生变化时就会触发输入事件 一个基本的例子是这个文本字段 <v-text-field :value="value" label="Textfield" @input="updateValue" ></v-text-field> 你可以在这里看到一个演示 每当用户键入时，就会触发输入事件。我想提供一个选项（布尔属性，如'fireInp

我目前在一个基于Vuepress的静态网站上工作。我在.md文件中注册Vue组件时出现了一个错误 [Vue warn]: Unknown custom element: <v-b86f6654149c6> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Page>

我是VueJS的新手。 我试图理解发出事件背后的语法。 下面是一个视频教程，我在理解过程中遇到了一些问题： 代码如下： 内部父级： 和子组件（发射组件）： 现在，我非常不理解的第一件事是“v-on:CustomEvent”实际上是如何工作的。 据我所知，v-on附加了一个事件处理程序。但它没有具体说明，是吗？我通常必须键入“v-on:click”。那么，为什么在本教程中执行此代码时会发生任何事情呢？没有定义哪种事件会触发功能 第二件事是如何处理数据。 在标头中，在函数的参数内，传递$ev

我有一个名为multiple time by passing props by passing from parent的组件，我只想在vue js中每次装入该组件时将这些道具保存在一个对象中。要在装入该组件时将所有道具传递到该组件，您可以使用this.$propsinsidemountedlifecycle hook 请参见本例中的src/components/Test.vue： 您可以在官方文档中找到更多信息： 我无法访问未定义的子组件it控制台中的所有道具，但当我看到vue开发工具时，即

我在GitHub中有一个Practice存储库（请参阅） 导航到顶部导航列表中的“关于”： 您将在URL中看到，正如预期的那样，它出现了/about。但是，如果我给人们提供URL，他们会从GitHub页面中得到404错误 我的问题是，如何配置Vue.js项目以允许深度链接 请参阅指向GitHub存储库的链接。您必须向GitHub页面添加一个自定义404.html页面，该页面使用javascript重新路由请求 不过，第一个问题是您启用了HTML5历史模式，这需要设置一个服务器来处理，我认为gi

有没有办法在vue.js中手动或以编程方式触发输入或离开转换 从阅读资料来看，似乎只有v-if和v-show才会触发转换 但是，我的用例是在一个用户事件中将元素从一个位置移动到另一个位置，并在第二个用户事件中将其移回 动画本身很容易实现使用速度，但我有问题时触发他们需要 我不想更改元素的可见性或存在性，因此切换v-show和v-if以开始转换是不可能的 我曾尝试在元素上使用一个键，但这与创建和销毁它基本相同，导致进入和离开转换（移动和向后移动）按顺序触发 有没有办法手动触发enter转换，然后触

谢谢你打开这个帖子 希望有人能帮我解决这个烦人的问题 Nuxt应用程序上的我的进度条一直“闪烁”。。。不断从DOM中删除和附加自身 请看视频： 我正在运行axios并在成功登录时查询graphql 我不认为加载器的行为应该是这样的，它不应该附加一次，逐渐将width属性从0%增加到100%，然后自己删除它吗 如果有人能帮上忙，我将不胜感激。您可能需要发布一个最小可复制的示例。您的配置看起来很好，而且看起来您正在使用一个搭建的项目，因此我只能假设其中一个页面或支持组件中存在导致此问题的错误。已经有

我正在开发一个Gridsome应用程序（使用Vue构建的SSG）。我添加了一个搜索页面，并用autocomplete小部件实现了Algolia即时搜索 默认情况下，Gridsome延迟加载路由并在服务器端呈现页面，由于我使用的即时搜索组件不支持SSR，我将其包装在组件中 问题 当我导航到/search时，需要一段时间才能呈现组件，这是因为我立即导航到页面，将执行获取内容的脚本，该脚本将阻止呈现，直到渲染完成。导致错误的用户体验 代码 搜寻 文章 没有匹配项 在框中键入以搜索文

当我不使用npm/纱线时，如何使用npmjs.com上的Vue组件？ 下面是我要使用的示例组件： {{message}} var app=新的Vue({ el:“#应用程序”， 数据：{ 消息：“你好，Vue！” } }) 为什么不使用npm或纱线？git克隆？因为我的代码只是一个子页面上的一个简单Vue.js脚本。只需从下载.Vue文件并将其添加到您的项目中，然后按正常方式导入，查看它是否有CDN。 <div id="app"> {{ message }} </div

我想在点击路由器链接后刷新页面。在Laravel中如何使用Vue JS实现这一点？但是我不想使用onclick=“window.location.reload（）；” 我的代码是这样的- app.js中的代码 { path: '/publisher', component: require('./components/Publishers.vue').default, } Master.blade.php中的代码 <li> <router-link to=

我正在vuejs项目中使用vue apexcharts。我有大约15页，我在使用图表，我想改变字体家族无处不在。如何实现这一目标？是否有任何通用方法可以一起更改字体 这是一个如何以特定方式更改的示例。您可以在导入并注册vue apexcharts后立即进行更改 import VueApexCharts from "vue-apexcharts"; Vue.use(VueApexCharts); window.Apex.chart = { fontFamily: "MuseoModerno,

在我的应用程序中，如果用户未经身份验证，则会加载登录组件。用户验证后，登录组件将替换为一个表单，该表单将使用API中的数据填充 当页面第一次加载时调用API，并且在用户进行身份验证之前，表单在用户登录后不会获取数据。我想在用户验证后调用API。这是我的密码： 你的帖子已经提交了。 //表单的模板 从“@/components/NavBar.vue”导入导航栏； 从“@/components/Login.vue”导入登录名； 从“axios”导入axios； 从“vuex”导入{mapGet

我的控制台中出现了这个错误 [Vue warn]：避免直接改变道具，因为每当父组件重新渲染时，该值将被覆盖。 相反，使用基于道具值的数据或计算属性。道具变异：“猫产品” 这是我的vue组件 <template> <div> <table class="table table-striped"> <thead> <tr>

heremaps.vue上的我的脚本模板 <div class="here-map"> <div ref="map" v-bind:style="{ width: width + '%', height: height }" style="float: left"></div> <ol v-bind:style="{ width: (100 - wi

我有以下下载文件的vuex方法： downloadFile(context, url) { return new promise((resolve, reject) => { const method = "GET"; axios .request({ url: url, method, responseType: "b

如何删除时间线（v-timeline）Vuetify组件的“开始线”和“结束线”？ 我只是可以改变颜色，但我不知道如何删除它 我想删除标有绿色箭头的行，蓝色箭头是预期结果： 有点粗糙。但我发现，添加： .v-timeline::before { top: 55px; height: calc(100% - 110px) } 似乎对我起到了作用：）这对我很有效，只需稍微调整一下值，就可以解释v-timeline上的dense标志

我正在使用laravel作为后端和vue js。vuetify用于前端 基本上，我想在vuetify中将数据从我的表显示到我的v-select标记这里是我目前的代码片段 locations_table id name 1 box 1 2 box 2 3 box 3 这是我的v-select标签 <v-col cols="12" sm="12" md="6"> <v-select :items=

我想要实现的是在每个空单元格值上加“-”。如下所示（请参见“名称”行）： 我该怎么做？谢谢如果使用字段道具，您可以使用添加格式化程序。 在这里，您可以创建一个方法，如果有，则返回您的名称；如果没有，则返回- newvue({ el:“#应用程序”， 数据（）{ 返回{ 字段：[ {key:“name”，格式化程序：'formatName'}， {键：“年龄”} ], 项目：[ {年龄：40岁，姓名：'Dickerson Macdonald'}， {年龄：21岁，姓名：''}， {年龄：89岁

根据Vue指令的建议，建议在许多组件的一般情况下使用该指令。例如，我如何正确地重新生成这样一个指令，它只在一个组件中使用一次 已删除（el、绑定、vnode）{ if（vnode.context.isDropped）{ 高度= el.firstChild.scrollHeight+ “px”； }否则{ el.style.height=0； } }， 在一个组件中使用一个指令是否正确 您需要定义正确的内容，但不，它不会造成问题。您可以随意使用指令 但是既然您询问了代码样式，那么如果您的指令只在

我正在使用JWT登录构建一个应用程序，我检查用户是否在访问/时登录，然后重定向到仪表板： let routes = [ { path: '', component: Login, beforeEnter(to, from, next) { if (auth.loggedIn()) { next({ path: '/dashboard' }); } else {

请看我的密码。我只设置了app.form=object一次，为什么有两个值被改变了 首先，它从“20”变为“20”，这是我所期望的，但突然它从20变为未定义 代码对ajax请求进行了修改，并直接设置了值 刚才发生了什么？没有设置变量值的选项。无法同步选择对象以显示值，因此它会将值还原为未定义 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><

我有一个内置组件的应用程序。在筛选器id上调用应用程序。我有一个名为MinTotalSpunt的数据元素。目前，该应用程序中包含“3”。页面上的第一个位置将正确显示。但是，当我尝试将其作为变量传递到vue slider中时，它不喜欢它，并向律师发出“无效表达式”警告，并且不遵守最小值 <div id="filter"> <form id="search"> Search <input name="query" v-model="searchQuery"&

我正在使用Vue.js填充位置列表，并使用一种方法，该方法应使用地址返回格式化的地图链接 问题是，在方法中，试图返回此.Address的结果是未定义。以下是我得到的： // the Vue model pbrplApp = new Vue({ el: '#pbrpl-locations', data: { 'success' : 0, 'errorResponse' : '', 'wsdlLastResponse' : '',

我正在呈现一个交易列表，如下所示： <deal :deal="deal" v-for="(deal, index) in deals" :key="index" ref="deals" @click.native="setScrollLocation(deal.id)"> </deal> 现在我有了一些东西，可以使用document.querySelector来查询，比如this.$el.querySelector 我不喜

我有以下表格项目。这里是布局图 <grid-item v-for="item in layout" :x="item.x" :y="item.y" :w="item.w" :h="item.h" :i="item.i"> {{item.i}} </grid-item> 现在我想改变布局如下 layout = { pnlProject: { "x": 0, "y": 0, "w": 1, "h": 1, "i": "0" }, p

它在控制台中显示了我期望的JSON，但它不会改变UI。它仍然会给出未定义的数据错误 更新2 现在，我得到了。它在初始负载和后续负载上也会失败 编辑 您的问题在于异步加载。您正在对db.collection进行异步调用，但在进行db.collection调用后在viewModel中更新this.page。这就是为什么你的this.page没有以你希望更新的数据结束。试试这个&我想它会有用的： fetchData () { console.log("Getting conte

我正在使用quasar framework datatable组件来隐藏标题 并在选择至少一行时添加按钮 我有下表： 选择“行”时，会发生这种情况： 我还想隐藏上面的添加按钮，请参见下面的代码 <template> <!-- Table settings --> <q-table :title="tableTitle" :data="tableData" :columns="tableThs" :selection="selecti

topView.vue <template> <topView viewInfo="cardInfo"></topView> <bottomView viewInfo="cardInfo"></bottomView> <template> <script> module.exports = { data: { viewInfo:{

我在元素UI中得到了一个包含用户项目的表。由于元素UI不能与一起使用，我有点困惑，不知该如何处理。该表的目的是显示用户的项目并对其执行基本CRUD操作。这意味着对于每一行，都应该显示一个唯一的ID作为名称，对于操作，它们应该允许用户使用唯一ID编辑/删除该特定项目。在普通HTML表中，我希望它如下所示： <table class="table table-hover"> <thead class="table-header">

我想在vuetify板上迭代我的安排，但我还没有找到逻辑，因为我从vue开始，如果有人能给我一个如何迭代vutify板的例子，那就太完美了 例如： <article class="artkccle-item" v-for="person in persons" :key="person.id"> <v-data-table :headers="headers" :items-per-page="5" class="elevation-1"> <v-i

是否有一种方法可以通过首先计算参数的URL来自动打开模式 例如： 使用URL:example.com访问网站的访问者看不到模式。他们只看到常规站点 URL为example.com？token=abcd123或example.com/token=abcd123的网站访问者可以看到常规的example.com网站，但在页面加载时，网站顶部有一个特殊模式 如何使用vue执行此操作？如果您使用的是vue路由器，则可以从路由对象中提取参数 console.logthis.$route.query.toke

我无法使用save方法保存对表数据的更改 我正在使用cellValueChanged方法编辑和保存表格单元格 <ag-grid-vue :cellValueChanged="save"></ag-grid-vue> methods: { save() { const method = this.instituicao.id ? 'put' : 'post' const id = this.instituicao.id ? `/${

我有以下代码： fooService.update(this.bar).then( this.$emit('updated', this.updatedBar),).catch(err => {... 如果遇到错误，则不会捕获该错误。如果我将代码更改为： fooService.update(this.bar).then(x => {this.$emit('updated', this.updatedBar);}).catch(err => {... 然后捕获错误并按预期显示

我正在使用Vue multi-select，模型作为类别，选项作为类别列表 categories: ["5ddc465a46a56b19d17e9a15"], categoriesList: [ { "_id": "5ddc465a46a56b19d17e9a15", "name": "Business Card", } ] multiselect v-model="categories" class="form-control" tag-placeholder="Add this as n

vuetify的v型开关只有一种绑定方式。 如果我加载数据，它会打开或关闭。因此，如果我在v型开关的v型模型中加载数据，它就会工作。 但如果我打开v型开关，它会关闭，但不会改变任何东西 代码如下： {{item.name} 编辑 导出默认值{ 资料{ 返回{ 选项卡：[ “内容类型” ], 选项卡：空， 数据表：{ 项目：[]， 标题：[{ 文本：“内容类型”，值：名称 }] }, 设置：空， 在菜单：{}， } }, 安装{ 这个.$axios.get'/settings.json'。然后{d

在vue.js中有这样的代码，我的任务是使模式从一端移动到另一端，这是我的代码，为此使用了引导模式，包括：draggable <b-modal ref="my-modal" hide-footer title="Edit Record"> <div class="card"> <div class="card-header d-flex justify-content-between"> <div clas

我试图访问axios拦截器中的路由器，但当我将该文件导入.js axios文件时，错误模块解析失败：意外令牌1:0 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。看见https://webpack.js.org/conceptsloaders >发生 以下是router.js文件的示例： import Vue from "vue"; import Router from "vue-router"; Vue.use(Router); const router =

我使用的是quasar，我添加了一个具有多个选项的表，如下图所示： 问题是我找不到一种方法来隐藏标题中选择表中所有选项的复选框 这是我使用的代码： <q-table flat title="Please select ETF to compare" :data="etf_comp" :columns="columns_compare_etf" row-key="name" :selected-rows-label="getSelectedString" selection="multi

在我的Vue SPA中，我使用localfollow来存储承载令牌 在组件中，我需要令牌将文件上载到api 我试图获取LocalFower令牌： let token = localforage.getItem('authtoken') console.log(token) 它可以工作，但结果是一个承诺对象： Promise result: "eyJ0eXAiOiJKV1QiyuIiwiaWF0IjoxNTg4MTUzMTkzLCJleHAiOj

是否有一种方法可以在路线更改期间显示组件 当用户打开页面时，beforeach（）方法检查用户是否已通过身份验证。这个过程可能需要一些时间。在此期间，屏幕为空白 当beforeach（）方法执行该操作时，是否有方法渲染组件 或者，当beforeach（） 我的App.vue如下所示： 导出默认值{}； #应用程序{ /*确保应用程序始终100%减少可用空间*/ 身高：100%； } 您可以尝试以下方法： App.vue： .loader组件{ 位置：固定； 排名：0； 左：0； 宽度：10

我有两个v-select下拉列表（国家和州），可以用数据库中的数据填充。例如，我试图从第一个v-select下拉列表中选择一个国家（加拿大），我希望第二个v-select仅显示加拿大的州。我正在使用VUEX STORE从我的Laravel后端API获取数据 // VUEX STORE import Axios from "axios"; export default { namespaced: true, //*******STATE*******// state: { countri

我的应用程序应该每5秒发送一次关于设备的数据，但是如果我最小化应用程序并重新打开它，或者如果我只是返回页面并返回，代码甚至会在后台继续运行。当我再次打开应用程序时，发送数据的功能叠加在已经工作的功能上，数据离开的频率是原来的两倍，因此您可以无限期地创建一个函数 如何解决这个问题 我的方法： sendDeviceInfo(){ console.log("1111"); axios.post('', {

我用Nuxt.js和Vuetify插件做web应用 它应该在没有互联网的情况下工作。现在我下载css和字体时出错： 如何使所有资源都成为本地资源？这是一个有效的问题，不知道为什么评论中会有其他的表述，只是表述得不太清楚。他询问如何在本地加载字体和css。 Vuetify将自动尝试从CDN获取字体和图标（如果单击请求并检查请求URL，您将看到这些字体和图标）。 您必须从NPM本地安装图标和字体。 以下是如何在本地安装图标 安装图标： npm安装材料设计图标 在nuxt.config.js中 全局