我在写一个习惯。我希望能够根据用户对meta.json的“提示”部分的回答来重命名模板中的一个文件。提到可以通过meta.json中的“metalsmith”属性注册自定义metalsmith插件。我假设这是重命名文件的正确位置，但是我如何才能从这里访问用户对“promts”的回答 注意：文档中还提到了一个“complete”处理程序，该处理程序在模板呈现完成时可以运行代码，并且该处理程序将用户提示数据作为参数获取。不幸的是，调用此函数时的cwd是模板目录，而不是输出目录，这使得从这里重命名输出

我有一个组件 我想在单击后运行方法 <my-component @click="showOtherDiv"></my-component> 但“点击”似乎对整个组件不起作用 注册组件，并在其中声明处理程序方法： Vue.component（'my-component'）{ // ... 方法：{ showOtherDiv:函数（）{ 警报（“某些消息”）； } } }); 将.native修饰符添加到事件名称： 发件人： 将本机事件绑定到组件 […]当您想要侦听

我不熟悉使用Vue。我正试着把注意力集中在插件上。我坚持使用的是我添加到插件中的组件及其方法： 组件：Rest.vue ... export default { name: 'rest', data () { return { } }, methods: { gplFetch: function(query){ ... return ...; } } } ... 插件：全局插件 import Rest from ‘@

在我当前的电子商务项目中，我使用localstorage存储购物车项目以及authUser令牌 nuxt指南有一个存储用户数据的express session实现 如何存储用户的购物车项目

我使用来自的旋转木马组件 {{concatStr（nextArtistImage.description，100）} 使用它，我需要更多的选项来控制一些图像，如 1） 如果图像的宽度/高度太大，我想显示的图像的大小比转盘大小。可能吗 2） 如何设置图像区域的最大宽度/高度 3） 当我以秒间隔默认值打开页面时，我会看到空的旋转木马区域，只有在间隔默认值秒后，第一个图像才会打开。 我设置了有效的图像列表，没有空元素。但一开始似乎打开了一些空图像 它是某个图书馆的包装纸吗？我可以访问它的选项吗？请

此处场馆列表id仅在我刷新页面后才会更新。甚至数据也在之前到达（如我使用console.log（this.victions）检查数据是否到达）如中所述，数组元素的直接分配不是被动的 <v-layout row wrap> <v-flex class="hidden-sm-and-down" md4> <v-subheader class="fields">Select Venue</v-subheader> </v-flex&

在我的laravel 5.6/vue.js 2.5.7/vuetify中，我使用“^1.0.8”应用程序 这里写的对话 我想知道是否有办法通过单击取消键来关闭对话框 修改： 由于这是vuetify，我的对话框定义如下所示： <v-footer app> <v-dialog scrollable v-model="new_registered_users_dialog_visible" @keyup.esc="new_registered_users_dialog_vi

apollo链接状态和vuex，当我使用vue apollo时，应该使用哪一个进行状态管理 嘿，我刚刚在一个项目中遇到了这个问题 我认为你用什么并不重要，它们都以不同的方式做相同的事情。您可能想比较文件大小，但我没有 与apollo link state IMO相比，Vuex非常简单。我不想知道如何在FE代码中编写解析器 最后，我选择Vuex只是因为我熟悉它

我使用的是一个简单的状态管理器（不是vuex），如中所述。简而言之，它看起来是这样的： export const stateholder = { state: { teams: [{id: 1, name:'Dallas Cowboys'}, {id: 2, name:'Chicago Bears'}, {id: 3, name:'Philadelphia Eagles'}, {id:4, name:'L.A. Rams'}], selectedTeam: 2,

我已经检查了v-radio组件，但没有找到一种方法来设置带有HTML的标签。有人知道有没有办法做到这一点吗 <v-radio label="Some <b>text</b>" value="some-value"></v-radio> 有一个标签插槽用于此。 所以，如果您需要html标签，请不要使用prop Vuetify真是太棒了 我怀疑它只接受字符串。为什么不使用CSS来标记标签（我看到您使用了）？@Vucko css不会有多大帮助，因

我想在我的应用程序中全局使用一些功能。 我的问题的大多数答案都是关于Vue Mixin的。虽然我用它，但它不能解决我的问题。这是我的尝试 Vue.mixin({ 方法：{ gFun（）{ 控制台日志（“工作”）； }, } }) const app=新的Vue({ el:“#应用程序”， 数据：{ }, 创建（）{ gFun（）； }, 方法：{ } }); Vue表示“引用错误：未定义testMixin”。 我想要的只是能够全局使用gFun（）（而不是像这样使用.gFun（））。请解释一下我

我有一个属性来自axios.get 它在我的数据中定义为null（或'或[]） axios调用位于创建的钩子中 当第一次加载应用程序时，控制台将充满 Error in render: "TypeError: Cannot read property 'service' of null" 当然，它实际上在网页上正确地显示了信息，因为service不为空，但这个错误显然是在axios获取数据之前抛出的 这里最好的方法是什么？您必须将数据指定为空对象以避免此错误： data: {

我使用的是axiosget方法。我还设置了CORS头，但它不断给我错误，说跨源请求被阻止 Vue.js2： methods: { getSliderData () { axios .get('/sliders', { headers: { 'Content-Type': 'Application/json', 'Access-Control-Allow-Origin': '*'

我们正在将现有的jQuery Ajax调用迁移到Vue Axios。当我们添加任何具有[]个字符的参数时，请求调用后端服务失败，如果我们排除具有[]个字符的参数，则请求成功 网络选项卡中现有的成功请求urlAjaxurl： 网络选项卡中的失败请求url为Axiosurl： 我可以看到Ajax编码[]个字符，但在Axios中看不到 我试图在GET请求的URL参数中传递参数，如下所示 public async fetchRows(data:any){ try {

我想在执行某些函数之前删除vue multiselect元素中用户输入的文本查询输入 如果我不删除用户文本输入，我的数据数组仍然会被过滤，并且我无法访问整个初始数据集 我尝试使用jquery选择器将set设置为null，但我想用户文本是由vue恢复的 谢谢 请原谅我的近似英语，我是法国人 致以最诚挚的问候。请尝试以编程方式清除multiselect值。使用数据，但不使用DOM new Vue({ data: { value: [{ text: 'TS', value: 1 }],

我使用vue（2.6.10）和一个Im，试图用vuetable2（2.0.0-beta.4）构建一个通用表 我为vuetable的常规方法创建了一个组件 我试图将我的“MyCustomTemplate”放在“MyVueTable”的插槽部分，但没有出现错误，也没有显示任何内容 我的目标是在其他vue页面中使用“MyVueTable”，并替换“MyCustomTemplate” 我的数据中目前有3个条目，但在List.vue组件中未显示任何内容 List.vue <template>

在我的@vue/cli 4.0.5应用程序中，我安装了vue2过滤器，在模板中工作正常， 但当我尝试使用in-computed方法时，我得到了一个错误： this.pluralize is not a function" 在我的组件中： import Vue from 'vue' import Vue2Filters from 'vue2-filters' Vue.use(Vue2Filters) ... export default { name: 'CategoryDetai

在vue js中，当我要导入owl转盘时，它会给我错误“Uncaught TypeError:无法读取未定义的属性“fn” [添加owl旋转木马的图片我猜您是从cdn导入owl旋转木马，这导致了我类似的问题。您尝试过吗？只放置一个错误图像，没有人可以帮助您！将您的项目上载到沙盒中，然后人们可以更好地帮助您

子组件从父组件获取值，在子组件中使用ref，父组件使用$refs获取子组件实例。但是如果子组件获取父组件值inputMessage并进行计算，如何写入？守则： export default{ data(){ return{ parentMsg:'hello!' } }, components:{ child:{ props:['inputMessage'],

现在有一个问题 <template> <tbody> <template v-for="(row,index) in datalist"> <tr @click="rowevent != null?rowevent(row,this.$el):''" :class="index % 2 === 0?bodytrclass[0]:bodytrclass[1]"> <td v-if="col.show" v-for="

在vue.js 2和vuex上构建应用程序时遇到了一个奇怪的问题，我无法轻松复制 我有一个可以添加和删除行的表。来自Vuex状态的行，我一直以通常的方式提交和修改状态，它工作得很好 但是，有时窗口滚动条会中断并停止工作，因此无法向上/向下滚动（或者应用程序挂起了？！）。如果我刷新页面，一切都会恢复正常 我没有收到任何错误，Vue开发工具也没有报告任何奇怪的情况 我在其他浏览器中也遇到了同样的问题，我认为这可能与Vue工具有关（只是为了排除这种可能性） 如果它与另一个库/包冲突，内存泄漏导致它冻结

有没有办法在VueJS实例中重复这些方法？我似乎尝试了所有可能的语法，比如注入传统的for循环，但都不起作用。我没有线索，最后自己写了这些方法。methods属性包含。。。方法！ 你可以在它的定义之内做任何你想做的事，而不是在它之外 methods: { methodname: function() { var x = 0; for(i=0; i<4; i++) { i += 4; } }

正如标题所说，我试图将一个vue组件附加到现有的v-model 我在互联网上找到的唯一一件事是添加更多元素的v-for解决方案，但这不是我想要做的，因为这个v型模型可以有多个组件 <script> Vue.component('chat-entry', require('./entry.vue')); module.exports = { data: function () { return { name: 'Default name

我正在使用vue-js2.3和元素ui 我想动态地定义表单的验证规则 例子 问题 required不是由phoneMandatory动态定义的 问题 如何动态更改现有规则的属性？ 如何动态添加或删除规则？在组件的数据方法中有规则属性。这意味着它不会根据对其他数据属性的更改进行更新 您应该为规则使用计算属性： computed: { rules() { return { phone: [{ required: this.phoneMandatory,

我是Vue新手，创建了一个基本的身份验证应用程序 AuthService.js module.exports = { isLoggedIn: function() { if (localStorage.getItem("authUser") != null) { return true; } else { return false; } }, Logout: function

我正在使用Laravel5.6和vue.js2开发一个应用程序。我使用Laravel Passport作为API进行用户身份验证。我在Laravel的api.php中没有这方面的route。我在vue.js中有以下代码 methods: { login() { var data = { client_id: 2, client_secret: 'ispGH4SmkEeV4i5Tz9NoI0RS

用于在web页面上显示地图的JS库，我猜还有许多其他用于在web页面上可视化数据的库，经常会对DOM进行大量修改 如果我想在Vue.js中使用这样的库，并且Vue.js没有合适的库自适应，那么调整它们的最佳实践是什么，以便正确更新DOM，并且我可以安全地使用库？就个人而言，对于Vue或任何库，我只玩JavaScript框架的生命周期 在Vue中，我在官方文档的mounted cycle see中创建地图，因为像传单这样的Openlayers都需要挂载DOM元素来绑定与地图相关的元素 如果使用Re

我们可以在cli 3中设置自定义模式 因为它不是生产模式，所以不会是优化的构建 如何将config设置为custom模式以达到优化的build as production模式 提前感谢。我认为您首先混淆了两件事vue构建应用程序。vue命令构建了一个可用于生产的捆绑包 模式只是环境的另一个名称，它指定您是处于开发模式、生产模式还是测试模式 如果您想将不同的模式与构建相关联，可以像那样附加它vue cli服务构建--模式开发。按--模式分配构建所需的环境变量 如果希望将stage构建优化为生

如果输入字段为空，是否可以将输入的默认值设置为另一个输入字段的值。 看起来我无法在数据或v-model属性中指定： <template> <div> <input type="number" v-model="font1 || 14"> <!-- gives error --> <input type="number" v-model="font2 || font1"> <!-- gives

我可以使用$ref来隔离正确的html文件，但是我需要一个css选择器。我希望这能奏效 this.$refs.myref.querySelector（）您是否尝试过： this.$refs.myref[0].$el 等于 document.querySelector(’.myref’) 您是否尝试过： this.$refs.myref[0].$el 等于 document.querySelector(’.myref’) 事实上，如果ref引用的是DOM元素而不是子Vue组件，则可以对re

我在模板中使用v-for来显示计算属性的列表。但是，即使刷新时它也能工作，但当我第一次进入页面时，我看不到列出的项目。如果我为我的联系人设置了v，则无法进行筛选 因此，我的数据和计算方法如下所示： export default { data() { return { contacts: this.$store.getters.loadedContacts, search: "" }; }, computed: { filte

在我的Laravel 5.8/“vue”中“^2.6.10”/app 我需要在js代码的其他选项卡中打开url。我找到了榜样 let routeData = this.$router.resolve({name: 'routeName', query: {data: "someData"}}); window.open(routeData.href, '_blank'); 这里 但在实施过程中，我没有找到有效的方法： let routeData = this.$router.resolve(

如上所述，Nuxt.js error页面被传递一个error属性，该属性可用于找出错误并显示适当的内容 但是，传递的错误对象类似于： { message:"Cannot read property 'nonexistentThing' of undefined", statusCode:"TypeError" } 我想在错误页面（点击错误报告API）上采取行动，理想情况下，该页面可以访问底层错误对象，包括回溯等 有什么办法可以做到这一点吗 从错误页面访问此项；或 制作一个插件，在Nu

您好，我是vuetify的新手，我正在尝试使用以下数据操作是方法名称： data: () => ({ profile: [ { title: 'Profile', action: 'userProfile' }, { title: 'Settings', action: 'UserSettings' }, { divider: true }, { title: 'Log out', action: 'userLogout' }

我试图从数组中的数组中获取b-form-select的值，但无法获取。 我有这样一个代码： <span v-for="(user, index) in Users" :key="index"> <span v-for="(userName, index) in user.details" :key="index"> {{userName.name}}<

如果没有令牌，并且页面路由不是以下路径之一，我想重定向到登录： router.beforeEach((to, from, next) => { if (to.name !== ('loginregister.loginpage' || 'index.index' || 'products.index') && !store.state.token) next({ name: 'loginregister.loginpage' }); else next() }) 此代码限

我以前使用过VueJS，但是这个新版本需要一些时间来适应。我有一个父组件，需要将数据传递给子组件，当子组件处理完数据时，需要将其取消设置 我应该使用状态管理还是只实现事件发射器 您还可以将“存储”实现为mixin吗？对于应用程序范围内的父子组件，而不是全局组件？我这样问是因为我只需要范围中的父组件和子组件之间的状态管理，而不需要全局应用程序本身

我正在尝试将自定义处理程序InlineButtonClickHandler添加到组件的单击事件中，以便可以发出自定义appSidebarInlineButtonClick事件 但是，我的代码不起作用。我做错了什么 <template> <router-link :to="to" @click="InlineButtonClickHandler"> {{ name }} </router-link> </template> &

我有这样的情况：我有一个不是水疗的Laravel应用程序。但我在应用程序的许多组件中使用Vue，使用单文件组件以及所有这些 但出于性能原因，我只想在某些页面中加载一些组件。但是，当我在第二个.js文件中注册一个组件时，总会出现如下错误： <script src="assets/js/app.js"></script> <script src="assets/js/account.js"></script> 属性或方法“addresses”未在实例

所以在我的laravel应用程序中，我们有一个url http://mywebsite.in/wfengine/search/ 现在我想使用laravel路由器处理上面的链接，但似乎什么都没有发生 Router.js 从“vue路由器”导入VueRouter； 让路线=[ { 路径：'/filters'， 组件网：需要（“./views/filter”） } ]; 导出默认的新VueRouter({ 路线 }); App.js “从“/routes”导入路由器”； //导入“/core/sea

我使用EventBus将用户ID传递给另一个组件（UpdateStaff）。然后，我想在url/API/staff/{UserId}调用一个API，以获取该特定用户的数据并将数据绑定到输入字段。我能够获得响应负载，但无法绑定到输入字段 UpdateStaff.vue: 模板中输入字段的示例： <input class="input" type="text" placeholder="Username" v-model="data.username"> Staff.vue: 其中包含

我是vue的新手，现在正在使用它的路由器。 我想导航到另一个页面，并使用以下代码： this.$router.push({path: '/newLocation', params: { foo: "bar"}}); 那么我希望它会出现在新的组件上 this.$route.params 这不管用。 我还尝试： this.$router.push({path: '/newLocation'}); this.$router.push({params: { foo: "bar"}}); 我检查了一

我的vue应用程序有一个侧栏，我想将组件显示为其子组件 我试图通过使用vuex存储提交组件来传递组件，但它似乎不起作用 我正在使用v-html测试边栏组件是否可以显示子组件 <div v-if="rightPanelOpen" class="right-panel" v-html="rightPanelComponent"></div> 如何在此场景中在侧栏中显示子组件？v-html是一个预处理指令！文件说： 请注意，内容是以纯HTML形式插入的-它们不会编译为Vue模

我正在使用最新版本的vue js和element ui 我正在尝试使用inputValidator函数来验证输入 上面说我们可以使用函数，但我不能让它工作 var Main = { methods: { validateInput (input) { if (input && input.length > 5) { return 'input has to be 5 length' } else ret

结果显示此错误，请帮助解决问题 **未捕获（承诺中）DomeException:处理ICE候选项时出错** 下面是调用的源代码 ConOut.getStartScreenSharing=>ConIn.socket.on（'OnMessage'）=>onOffer（） 在那里调用getStartScreenSharing函数 一切都按照例子做 使用Chrome 68.0.3440.106浏览器 import Vue from "vue"; export default class ConOut

当我们尝试在互联网上填写表单时，必填字段用红色“*”标记，表示该字段是必须填写的字段 像这样，有没有一种方法可以在vuetify.js中将用户指示到必填字段？您可以将规则属性传递到v-text-field 例如 发件人： 所需的道具不再明确地在标签上添加星号。v1.0版删除了所有需要验证的功能 因此，显然没有任何东西会将其设置为所需，我们必须手动将其添加到标签中： label="Name*" 或者您可以使用CSS： .required label::after { content:

当我尝试在vuejs中的数据函数中使用模板字符串时，它总是返回未定义的字符串。您知道如何解决这个问题吗 我试图为API调用创建一个动态URL 干杯 data() { return { baseUrl: `https://example.com/api/json?key=${this.key}`, key: "IzNDU2Nzg5MDEyMzQ1Njc" }; } 数据属性不能设置为动态。使用计算属性，如下所示： computed: { b

我需要在自定义方法中使用router对象，但我一直得到一个未定义的错误 我已经在我的App.vue中注册了路由器。从./router'导入路由器，路由器在路由时工作 现在，我已经创建了一个auth.js文件来管理jwt令牌中的用户状态 /* global localStorage */ import User from '@/models/User' import * as MutationTypes from './mutation_types' import router from '

我有一个组成部分： <ExpandedMovieInformation v-if='toggleValue' :movie=currentMovie :key='uniqueKey' /> toggleExpandedMovieInformation(movie: Movie) { this.toggleValue = !this.toggleValue || this.currentMovie?.id !== movie.id; this.currentMov

我正在Shopware 6（6.3.1.0）管理模块的自定义组件中使用媒体上载功能 但是，如果我选择从媒体文件夹中选择图像而不是上载，则不会调用我的onUploadsAdded回调。如何从媒体库选择中设置媒体ID？如果我上传/替换文件，只要文件是通过上传按钮而不是媒体库输入的，就可以正常工作 <sw-upload-listener uploadTag="mediaIcon"