2回答
我正在用Vue呈现一个列表，并尝试实现一些冲突检测。我希望通过[DomElement].__vue__返回与'item‘完全相同的对象
__vue__上是否有与项的对象匹配的属性？它存储在哪里？
数据：
items: [
{ name: 'one' },
{ name: 'two' }
]
组件：
<icon
v-for="item in items"
@click="match(item, $el)">
{{ item.name }}
</icon>
浏览 221提问于2018-06-07得票数 0
我刚开始学vuejs。我在一个文件.vue上启动了我的第一个vuejs组件。
我想得到一条路线的副翼。但是“这个”没有$route。这是窗户。有人能帮我理解吗？
在main.js中，我将路由器配置为：
var Vue = require('vue');
var VueRouter = require('vue-router');
Vue.use(VueRouter);
const Home = require('./components/home.vue');
const Songbook = require('./component
浏览 5提问于2016-11-14得票数 1
回答已采纳
2回答
我用的是Vue，Vuetify，Vue-Router和Vuex的项目。其目的是在更模块化的方法中创建一个带有侧栏的基本布局，以便使用Vue实现可伸缩性。所以我创建了一个名为Store的文件夹，其中有一个模块文件夹。因此，存储文件夹中的索引文件如下所示：
import Vue from 'vue';
import Vuex from 'vuex';
import global from './Modules/Global';
Vue.use(Vuex);
export default new Vuex.Store({
modules:
浏览 3提问于2018-03-01得票数 1
回答已采纳
我可以理解vuex实例(或存储)作为$store属性包含在vue实例中。
但是，它存放在哪里呢？
我可以说它用vue实例存储在客户端内存中吗？
它的格式是什么？我可以说它的格式是“Javascript(或vue)对象”吗？
它的大小限制是什么？
听起来应该有一个假设来回答这个(？)，但是要澄清它有点困难，因为关于这个问题的数据并不像Cookie或Session这样的其他数据存储。
谢谢!
浏览 0提问于2019-04-10得票数 1
回答已采纳
3回答
我第一次使用Mocha和Webpack测试我的Vue组件，并根据设置一切。
但是，在我的许多组件中，我使用在组件之间通信和发出事件。例如，下面的片段位于我创建的单个文件组件的钩子中。
created() {
Event.$on("activate-edit-modal", (listing) => {
this.isModalActive = true; // show delete modal
this.listing = listing; // set listing as the
浏览 0提问于2018-06-14得票数 3
回答已采纳
2回答
我正试着从我的商店打电话给我的vue。
这是我的存储中的文件aliments.js：
import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';
Vue.use(Vuex, axios);
export const state = () => ({
aliments: {},
})
export const mutations = () => ({
SET_ALIMENTS(state, aliments) {
state.a
浏览 0提问于2020-03-02得票数 2
根据official vue.js documentation，组件数据必须是一个函数。 在我的情况下，我希望通过axios调用获取数据，并将这些数据存储在一个组件中。 问题是，如果将此数据声明为文档建议的函数，则每次我需要此组件时，它都会执行一个新的axios调用。 我使用vue组件的主要目标是通过重用vue中的组件数据来最小化axios调用，以提高性能。 在这种情况下使用vue-components是错误的吗？ 编辑:以下是一些代码来澄清我的问题： 文档推荐的做法(data是一个返回数据的函数，这意味着每当您想要使用数据时，它都会执行axios调用。)： Vue.component(&#
浏览 13提问于2019-09-06得票数 1
回答已采纳
1回答
通常，我使用带有函数的js代码在某些事件上运行。
现在我正在使用nuxt.js，我想知道把这个文件放在哪里，或者如何创建一个全局方法来在每个组件中使用这些函数。我可以在每个特定组件中编写我需要的方法，但是在它无法使用之后，outsite就无法使用它了。
如何在vue/nuxt中做到这一点？
浏览 1提问于2019-08-26得票数 2
回答已采纳
1回答
应该缓存什么样的数据？
、、、
我正在创建一个带有" PHP“的API，它从DB获取所有响应和数据-我将使用"VueJs”创建前端作为SPA和Vue-资源来发出http请求，使用PHP或JS缓存数据更好吗?应该缓存什么样的数据。数据库将只包含一些文本和图像。
浏览 1提问于2016-09-03得票数 0
回答已采纳
1回答
我和out完全是新手，我正在努力弄清楚如何基于链接单击来呈现动态内容。我收到一条错误消息：属性或方法"setLink“不是在实例上定义的，而是在呈现过程中引用的。确保在data选项.中声明反应性数据属性。
这是我的VUE代码：
Vue.component('navigation', {
template: '#navigation'
})
Vue.component('home', {
template: '#home'
})
浏览 1提问于2017-06-01得票数 0
我有一个带有导航和布局的Vue组件，它使用总线与子组件通信。总线作为支柱传递给使用$emit的子组件。
export default class Dashboard extends Vue {
protected bus: Vue = new Vue();
mounted() {
if (this.bus != null) {
this.bus.$on("save", () => {
//
});
}
}
}
@Component({ props: ["bus"] })
export
浏览 4提问于2020-04-14得票数 0
回答已采纳
3回答
我正在尝试使用VUE Vite和一个router和store创建一个and应用程序。vue文件中的getter函数工作得很好。我可以访问存储在store.js文件中的。
我的问题是，我需要使用浏览器从开发控制台中的addMessage store.js文件中调用操作。
问题：如何存档？
在较早的vue版本上，将使用main.js文件进行以下操作：
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from
浏览 5提问于2022-04-19得票数 0
回答已采纳
2回答
Vue创建项目：
vue init webpack-simple nedbtest
安装Nedb数据库：
npm i nedb -S
change App.vue：
<template>
<div>
<button @click="insert">insertData</button>
<button @click="find">FindData</button>
</div>
</template>
<script>
var Datasto
浏览 4提问于2017-01-01得票数 0
回答已采纳
我正在尝试将嵌套的Vuex状态对象绑定到tiptap的编辑器内容组件的编辑器属性。
这个州看起来是这样的：
<template>
<table
:style="{ backgroundColor: element.options.backgroundColor }"
class="main"
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
align="
浏览 8提问于2020-08-11得票数 0
在中，它们显示您可以直接从控制台更改由new Vue创建的Vue实例的数据。但是在深入Vue并扩展我的应用程序之后，这种方法就不再有效了。由于我的new Vue实例不再具有简单的el声明和直接的data属性，而是使用以下代码创建的：
new Vue({
router,
render: h => h(App)
}).$mount('#app');
在其data属性中声明的值不再像指南中的那样。我试图将代码的这一部分更改为：
var app = new Vue({
data: {
test_var: 'Hello world&#
浏览 0提问于2019-08-18得票数 1
回答已采纳
我是vue的新手，我正在尝试在我的vue应用程序中实现可拖动的功能。在这个应用程序中，我使用了vuex、axios和。
这是我的模板和脚本截图
下面是脚本部分
我不知道在哪里指定updateGlobalTodo方法。put方法是否可以使用patch方法进行更新？
vuex脚本在这里
下面是响应数据格式
浏览 22提问于2021-01-23得票数 0
我有一个vue.js应用程序，并且在main.js文件中，我已经按照文档配置了Vuei18n。它工作得很好，为了在其他组件中访问它，我已经将它添加到new Vue()实例中，现在可以(通过this.$i18n)访问它。 现在，我已经为验证规则创建了一个validator.js文件，我需要在那里使用this.$i18n，但它不起作用。我也尝试过Vue.prototype.$i18n，但这也不起作用。有人能帮我找出哪里出了问题吗？
浏览 85提问于2019-04-03得票数 1
回答已采纳
1回答
我将Vue应用程序重写为Nuxt体系结构，因为我们需要SSR。但是，我不想重写Vuex存储文件，即：
import Vue from "vue";
import Vuex from "vuex";
import vuexI18n from "vuex-i18n/dist/vuex-i18n.umd.js";
import toEnglish from "../translations/toEnglish";
import toSpanish from "./../translations/toSpanish";
i
浏览 0提问于2019-02-06得票数 0
回答已采纳
我正在学习Vue JS，在尝试使用构造函数和push函数用对象填充数组时遇到了一个特定的问题。在Vue JS中，push方法向数组中添加一个空白对象，而不是构造函数创建的对象。JS小提琴在下面。
我知道在传统的javascript中，下面的代码工作得很好，谁能解释一下为什么Vue JS会以不同的方式解释相同的代码。
function node (){
this.x = Math.random();
this.y = Math.random();
}
let nodes = [];
nodes.push(new node());
console.log(nodes);
JS Fidd
浏览 1提问于2018-02-02得票数 0
回答已采纳
在我的项目中，我将一些产品类别从Prismic加载到侧边栏中。直到今天早些时候，这是完全正常的，但是我现在收到了以下警告：
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "category". Expected Category, got Object
found in
---> <SidebarItem> at components/SidebarItem.vue
<Sidebar> at components/
浏览 0提问于2020-12-30得票数 2
1回答
我想存储来自App.vue的输入值，并在另一个组件中使用它。我该怎么做呢？我不需要显示模板中的值，我只需要其他组件函数中的值。在JS中，我可以使用全局var，但是如何在Vue中实现它呢？
App.vue：
<template>
<div id='app'>
<!-- App.vue has search bar -->
<b-form-input @keydown='search' v-model='input'></b-form-input>
<div
浏览 4提问于2019-11-08得票数 1
回答已采纳
2回答
我看到许多使用这种结构的Vue.js项目：
├── main.js
├── api
│ └── index.js
│ └── services #containing files with api-calls
│ ├── global.js
│ ├── cart.js
│ └── messages.js
├── components
│ ├── Home.vue
│ ├── Cart.vue
│ ├── Messages.vue
│ └── ...
└── store
├── store.js
├─
浏览 4提问于2016-11-27得票数 3
我有一个带有深度定制指令的Vue，对v.item中的更改做出响应：
<div id='testdiv' v-demo="item">
<div>
{{item.name}}
</div>
<div>
{{item.place}}
</div>
</div>
Vue.directive('demo', {
deep: true
,
bind: function() {
console.log('demo
浏览 0提问于2016-03-14得票数 0
有人知道这个错误，或者看到我的语法有什么问题导致了这个警告吗？
StoredResources.vue & LearningResource.vue是孩子，TheResources是孩子。
data() should return an object. at <LearningResource key="official-guide" id="official-guide" title="Official Guide" ... >
at <StoredResources>
at <KeepAli
浏览 6提问于2021-09-14得票数 1
回答已采纳
我在不同的路径中有两个vue文件，如views/core/AppBar.vue和view/entity/edit.vue。我希望在发生特定事件时调用或刷新Appbar.vue。 我不知道如何调用或刷新其他组件，哪种方法更好？ 提前感谢
浏览 133提问于2020-03-26得票数 0
回答已采纳
我使用vue-路由器通过用户id导航用户页。router.js看起来如下所示
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/user/:id',
name: 'user',
component: () =>
import(/* webpackChunkName: "user" */ './v
浏览 0提问于2018-11-18得票数 2
回答已采纳
这是一个很简单的问题，但是我没有从文档中得到我需要的答案。我正处于学习Vue.js的过程中，我真的不明白Vue.extend在哪里。我得到了Vue.component，但我看不出能做什么，而不能做什么，它只是1.0的遗留特性吗？如果没有，那么它在Vue 2.0中有什么用处呢？
浏览 10提问于2016-11-21得票数 76
我正在使用Vue.js学习Laravel，我面临着一个问题，我无法通过研究Laravel和Vue.js手册或通过互联网筛选来解决这个问题。
我有一个blde.php文件，其中我使用vue-模板。模板名为Articles.Vue，它应该出现在两个-tags之间。
渲染有一个问题。我有一个名为app.js的文件，需要Articles.vue：
require('./bootstrap');
window.Vue = require('vue');
Vue.component('articles',
require('./componen
浏览 2提问于2020-09-26得票数 3
我有一个vue应用程序，它需要一个令牌，当我每次试图发送请求时，我总是得到一个没有定义的令牌.这是错误
这是如何在脚本标记中调用我的方法属性的。
<script>
import { mapActions } from "vuex";
import axios from "axios";
export default {
name: "Products",
data() {
return {
addresses: [],
products: []
};
},
metho
浏览 2提问于2022-05-23得票数 0
基本上，我想使用我自己的商店内的vue安装和vue组件，我添加通过我的vue插件。
我发现我可以在实际安装函数中使用vuex，并完成所有vuex可以完成的操作，但我似乎无法将它传递给我的自定义组件。
在我的“证监会”中，还有其他方法可以在插件中添加全球事件吗？
import MyComponent from './MyComponent.vue'
import MySecondComponentfrom './MySecondComponent.vue'
import Vuex from 'vuex'
import store from '
浏览 7提问于2022-01-22得票数 2
回答已采纳
1回答
我正在页面上实例化多个Vue应用程序：
import Vue from "vue";
import App from "./App.vue";
import useStore from "./store";
const arr = [1, 2];
for (const index of arr) {
const store = useStore();
new Vue({
router,
store,
render: (h) => h(App)
}).$mount(`#app$_{index}`);
}
浏览 0提问于2021-08-30得票数 0
回答已采纳
1回答
使用Vue.js，可以将表单输入绑定到属性：
不过，我正在进行一个“动态”生成表单的项目。在这里，v模型绑定只是根据输入的名称来设置的属性。
但问题是，我不知道如何正确地获得这些v模型绑定。到目前为止，我看到的只是人们手动为绑定在Vue实例上设置一个属性：
new Vue({
el: '...',
data: {
checkedNames: []
}
})
是否可以在不手动设置数据属性的情况下获取所有v-model绑定？
当创建一个带有变化的动态表单时，一个动态的字段数，这将非常有帮助。
我想有一种选择就是使用javascript从输入中检索名称atrib
浏览 3提问于2017-04-13得票数 2
回答已采纳
1回答
我在main.js中创建了一个全局变量，如下所示：
Vue.prototype.$foo = []
new Vue({
router,
render: h => h(App)
}).$mount('#app')
是否有一种方法来缓存这个$foo变量以在页面刷新时访问它？
浏览 1提问于2021-08-19得票数 0
回答已采纳
我有一个只包含定义的settings.js文件： export default {
maintenanceMode: 'yeahhhhh',
enableRegister: false,
} 为了使这些设置在我的应用程序中的任何地方都可用，例如.$maintenanceMode，我在我的main.js中添加了这个，它工作得很好： Vue.prototype.$maintenanceMode = globalSettings.maintenanceMode
Vue.prototype.$enableRegister = globalSettings.enableRe
浏览 15提问于2020-11-16得票数 0
回答已采纳
我在一个方法中使用了一个带有箭头函数的find()，并将其作为一个道具传递给子组件。这个方法只起作用一次。我收到了一个Invalid Prop警告。第二次不再执行该方法。 vue.esm.js:628 [Vue warn]: Invalid prop: type check failed for prop "selectFkt". Expected Function, got Object
found in
---> <CompareView> at src/components/customComponents/compareView.vue
浏览 5提问于2019-08-26得票数 1
回答已采纳
1回答
我正在开发一个复杂的应用程序，所以我简化了我的问题。
我在InputFile.vue和FormFile.vue中有一个输入组件。我将InputFile导入表单，在用户将文件上传到inputfield并发送post请求之后，我希望将带有axios的文件发送到后端。
<!--INPUTFILE-->
<template>
<input
:id="props.name"
:name="props.name"
type="file"
:ref="props.name"
浏览 2提问于2022-09-07得票数 0
1回答
我正在使用Nuxt.js (Vue.js SSR框架)制作CRUD管理工具，但是当对象嵌套得更多时，很难处理这些对象。
例如，当我有这样的对象时
在A.vue文件中
data: () => ({
page: {
language: "",
background: "",
content: {
title: "",
age: {
male: ["......."],
female:
浏览 0提问于2018-02-22得票数 2
回答已采纳
在我的vue.js应用程序中，我有一个store.js文件，在这里我创建和导出了一个Vuex商店，如下所示：
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
listCategories: [
{id: 1, name: "hello"},
{id: 2, name: "hello2"},
浏览 2提问于2019-09-18得票数 2
回答已采纳
我是Vue.js的新手，我试图创建一个使用jQuery 插件的自定义组件。当我将组件文件包含在另一个组件中时，我将得到一个错误：
Uncaught :在/resources/js/form-builder.min.js中没有定义jQuery
我创建了一个名为formBuilder.vue的自定义组件。以下是组件代码：
<template>
<div class="content">
<formBuilder/>
</div>
</template>
<script>
/
浏览 1提问于2020-03-09得票数 3
回答已采纳
1回答
我正在尝试使用Vue.js将数据存储到本地存储中。 如果我进入main.js文件并编写localStorage.set('something'，5)。我可以在我的Chrome开发工具中的“应用程序”面板的“存储”下看到这些数据。 我希望我的其他数据(我实际计划使用的数据)也发生这种情况，但我没有看到它。但是，这段代码存储在我的App.vue父组件中的“methods：{}”下。我假设这就是问题所在，但由于我是Vue的新手，我不知道将代码放在哪里，所以它将显示在dev tools的本地存储中。 我在这里显示我的代码是为了显示它的位置，而不是它的功能。 // App.vue
da
浏览 29提问于2019-09-19得票数 0
我有一个关于vue emit的小问题。我大约在一年前使用过它，但现在在我的新项目中，我不能这样做。我花了几个小时寻找解决方案，但我真的不知道哪里出了问题。我无法在父组件中获取发射值。 孩子们： <template>
<v-text-field v-model="val" outlined></v-text-field>
</template>
<script lang="ts">
import { Component, Vue, Emit } from "vue-property-dec
浏览 30提问于2021-07-01得票数 0
我刚刚开始使用 vuex ，我不得不在vuex内部使用vue实例。在vue应用程序中，我使用了一个名为vue to 的包，并在main.js中编写了以下代码
import Toasted from 'vue-toasted';
const ToastedOptions = {
position: 'bottom-center',
duration: 1500,
theme: 'bubble'
};
Vue.use(Toasted, ToastedOptions);
这在.vue文件中运行得很好。但并没有在store.js内部工作。
浏览 5提问于2020-09-02得票数 1
回答已采纳
3回答
如何从父组件访问子组件数据？我有一个父组件"MissionPlanner“，我想要访问子组件"chosenHeroes”数组"ChosenHeroes“。如果一个元素在数组中，我想最终呈现一个div --并且能够更新父元素中的数组 我不确定是否应该使用emit()，以及如何使用它。我尝试创建一个自定义事件"addHero“，并将其传递回来。但是我得到了一些错误 ChosenHeroes.vue <template>
<div>
<select v-model="chosenHero">
浏览 30提问于2020-03-30得票数 0
我尝试将带有参数的MySQL视图复制到的Azure数据库中。下面是对复制活动的查询：
SET @dDebut=20220201;
SET @dFin=20220228;
select vue_movements_of_month_with_param.* from (select @dDebut, @dFin) param , vue_movements_of_month_with_param
LIMIT 10;
这就是我在HeidiSQL上运行的内容。该视图包含接受上述参数的函数。在ADF中，我将参数dDebut和dFin定义为参数管道：
然后，我将ADF中的复制活动与MySQ
浏览 2提问于2022-03-16得票数 0
1回答
用vue-路由器重新加载组件
、、、、
我和Vuejs和Vue-Router有个项目。当用户在(登录)系统中付费时，服务器返回带有令牌、用户名和名称的Json文件，该文件存储在本地存储中，用于以下请求。在布局中使用第一个名称，以便在导航栏中显示消息欢迎。注销后，本地存储将被清除，问题就在这里，当消息中的其他用户付费时，欢迎不要用新的名字重新加载。
<v-chip>{{bienvenida}}</v-chip>
computed: {
bienvenida() {
const user = JSON.parse(localStorage.getItem("user"));
浏览 0提问于2018-11-25得票数 0
1回答
我正在将Vue I18n集成到我的应用程序中。我有一个从Vuex商店呈现的列表，下面我有一些带有区域设置切换器的可翻译内容(不需要重新加载页面)。当我切换语言时，字符串被翻译了，但之前的内容消失了。 我正在使用带有Vue-I18n推荐的集成的单文件组件 Vue.use(VueI18n)
const messages = {
en: {
message: {
hello: 'hello world'
}
},
ja: {
message: {
hello: 'こんにちは、世界'
}
}
}
浏览 21提问于2019-06-21得票数 1
回答已采纳
我收到的错误如下：
net::ERR_NAME_NOT_RESOLVED GET
我使用一个带有vuecli3的环境变量作为ip地址，称为VUE_APP_BACKEND_API。我还使用Vue.js和VueSocketIO。我不太清楚这个错误是从哪里产生的，或者哪段代码是相关的。使用这个环境变量执行带有axios的常规http-请求可以正常工作，并且使用Vuesocketio，我也能够发出一个事件，所以我很困惑这个错误是从哪里来的。但是，我认为我在使用硬编码IP时没有得到这个错误。这是我与websocket连接的片段。如果我要发布其他代码，请告诉我！
Vue.use(new VueSocke
浏览 1提问于2020-06-15得票数 0
2回答
我有两个视图组件。
第一个组件productList.vue,呈现产品列表。每一个列出的产品路线您的产品信息(第二视图)。
seeTheProduct(product) {
this.$router.push({
name: 'productinfo',
params: { data: product }
})
}
函数的参数product是一个具有name、color、URL等字段的对象。
在第二个视图productInfo.vue中，我获取created钩子中的数据并呈现它。
created
浏览 5提问于2021-11-18得票数 2
回答已采纳
1回答
我在Vue 2上弄脏了我的手，并试图把它和Vue 2比较起来。
在角2中，我将有服务并将它注入到Providers中，这样服务就会有一个实例。我会在服务调用中编写API调用。
我将在哪里编写Vue 2项目中的服务调用，这样我就不必到处复制粘贴我的API调用了？
谢谢。
浏览 0提问于2017-07-06得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
