1回答
我正在尝试从组中删除项目，如果没有剩余项目，则自动删除该组。当我这样做的时候，函数成功地运行了，但是vue给我这个错误，告诉我id没有定义。 基本上我不确定为什么它要尝试获取一个id来执行任何东西，它应该已经完成了。 如果我手动删除一个组，则不会发生此错误，仅当数组中剩余0个项目且组被删除时才会发生此错误。 也许这是一个运行时问题？我不太确定。 vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'id' of undefined"
(found in
浏览 23提问于2020-04-11得票数 2
4回答
我正在试着做一个简单的vue.js滑块。我有一个每10秒运行一次的方法来更改活动项。我无法将下一项设置为活动状态。 this.items.forEach(function(item, index, arr) {
if(item.active == true)
{
console.log(arr[index+1].active);
arr[index+1].active = true;
}
}); 第一行返回false或其他正确的值。 第二行返回cannot read value active of undefined。 整个过程都在一个
浏览 36提问于2019-02-04得票数 0
回答已采纳
我正在尝试使用可在此处获得的vue.js扑克示例示例-
<div class="card-place">
<card v-for="(card, index) in tableCards" :card="card"></card>
</div>
Vue JS的初始数据如下所示
let app = new Vue({
el: '.vue-container',
data: {
player_playing: 0,
playerCards: [],
浏览 3提问于2020-05-20得票数 0
1回答
我正在做一个项目，它使用WordPress作为后端，Vue.js作为前端。
基本上，我的WordPress安装的任何有效URL都将加载index.php并生成一个基本的Vue.js设置，从这里Vue.js处理匹配路由并通过ajax加载正确的标记。任何后续的页面加载都由Vue.js处理。
我的问题是:由于Vue.js使用ajax做了所有事情，WP从不设置主循环。这对像Woocommerce这样的公司来说是个大问题。那么，在ajax开始时，是否可以手动定义主循环应该是什么呢？这样，WP就会知道get_queried_object_id()应该返回31。现在，get_the_ID()和所有其他上下文
浏览 0提问于2017-07-25得票数 0
3回答
我使用的是Vue.js组件vue-tags-input。我希望以以下格式编辑存储在db中的标记:1、2、3、4、5、6。
我通过,拆分数据，并将值推送到标记数组中。
var tags_split = this.resources[index]['tags'].split(',')
for (var item in tags_split){
this.tags.push(tags_split[item]);
}
var app = new Vue({
el: '#app',
data: {
tags: [],
tag:
浏览 4提问于2019-08-17得票数 2
回答已采纳
我有一个数组的DIVs，我需要在旋转的基础上显示：
<div v-for="(part, index) in verses" :key="index"
v-show="showSlides[index]">
<pre>{{ part }}</pre>
</div>
下面是相关的vue.js代码：
data: {
verses: ['first line', 'second line'],
showSlide
浏览 0提问于2018-03-26得票数 0
回答已采纳
当我在Vue.js中循环数组时，我希望在某些索引处添加一个‘空白’元素
<template
v-for="(item, index) in content">
<div
v-if="index == 1"
:key="index"
class="Empty"/>
</div>
<div
:key="index"
浏览 30提问于2021-05-16得票数 0
回答已采纳
Manifest.json： {
"manifest_version": 2,
"name": "Vue",
"version": "1.0",
"description": "Vue Test",
"icons": {
"96": "icons/icon.png"
},
"permissions": [
"tabs"
],
"bac
浏览 29提问于2020-07-21得票数 0
回答已采纳
我的Laravel5.6应用程序有一个Vue.js前端。Vue.js应用程序位于资源目录中。我已经读过几篇使用Prerender SPA插件的文章。这些文章是为独立的vue.js应用程序编写的，并且有一个index.html文件。在Laravel的例子中，我们有index.php。我如何使我的Laravel Vue.js应用程序SEO自由。至少，我想让首页的应用搜索引擎优化友好。
浏览 1提问于2018-07-20得票数 3
1回答
我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。数据似乎没有经过。下面是我的脚本的布局方式。
index.html
{% block content %}
<script>
const gridData = {{json_data|safe}};
console.log(gridData)
</script>
<div id="app">
<table_com
浏览 6提问于2020-02-28得票数 2
我在我的vue.js应用程序中使用了这个v-for循环： <div v-for="(word, index) in dictionary">
// break if index > 20
<p>{{word}}</p>
</div> 我想在渲染20个单词后跳出循环。我怎样才能做到这一点呢？我看了看docs，但没有看到任何关于这方面的内容。
浏览 443提问于2017-08-01得票数 10
回答已采纳
虽然我在文档中找不到，但似乎变异数据数组属性并不是一个好主意，即使没有将其呈现到视图中。
看这把小提琴：
我需要减少conditionalSet。我在每个v-for循环上使用pop()来检查索引的条件。我不能使用计算属性，因为我需要传递索引。
我也不能仅仅复制conditionalSet数组，因为在设置和弹出条件时需要跟踪它。
这是我所面临的一个大大简化的问题。
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js! I do not like loops, all that much.',
浏览 4提问于2017-10-31得票数 3
回答已采纳
我正在学习vue.js，并且有一个我想要循环处理的对象。我想要制作一个组件，当数据发生变化时，它会动态更新，而不必绑定键(MotorLine1)等等。
如何显示父对象键(马达、车轮、门、座椅)，以及在不需要绑定motorLine1等情况下显示每个键的值？
数据
data(){
return {
"cars": {
"motor":[
{"motorLine1": "print this line"},
{
浏览 2提问于2022-09-13得票数 0
回答已采纳
1回答
我使用的是Laravel 6和Vue.js 2。 我使用for循环遍历用户并在div中显示他们的信息，如下所示。 我将类别名称存储在user.pivot.demo2中。用户通过lodash按类别进行排列 _.orderBy(this.category.users, ['pivot.demo2', 'pivot.demo3']) 我需要的div与类的行只显示一次，为每个类别。我将类别名称设置为仅当类别名称是列表中的第一个或与以前的名称不匹配时才显示。这将在显示时按类别分隔所有用户，并将类别标题放在他们预期的div上，这样就可以很好地工作。但我需要外部div与一个
浏览 18提问于2019-10-11得票数 0
Vue.component('post', {
template: "#my-component",
props: ['posty'],
methods: {
testFunc: function(index){
this.$parent.parentMethod(index);
}
}
});
var vm = new Vue({
el: "#app",
data: {
posts: [{ uuid: '88f86fe9d',
title: &#
浏览 3提问于2016-11-13得票数 2
4回答
如何在列表大写中显示项目？
、、、、
我试图在vue ( TODO ).Here中做一个简单的列表示例，我试图添加大写的过滤器(换句话说，所有的字母都是大写的).But，它显示了me错误
这是我的代码
var app = new Vue({
el: '#App',
data: {
message: '',
items: [{
name: "test1"
}, {
name: "test2"
}, {
name:
浏览 4提问于2017-09-02得票数 0
回答已采纳
我有一个Vue组件，像下面这样：
<div v-for="item in items" :key="there I want get the for-loop index" >
</div>
...
data(){
items: [{name:'a'}, {name:'b'}...]
}
当我在vue.js中执行for-循环时，如何获得索引？
浏览 2提问于2018-04-05得票数 109
回答已采纳
5回答
下面有一个数组，它包含许多列。下面的示例包含三列，但可以动态添加/删除列：
[['position', '30'], ['position', '60'], ['position', '90']]
在用Vue删除正确的列(数组中的索引)时，我遇到了一些问题。
考虑下面的片段：
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
columns: [['position
浏览 1提问于2019-08-28得票数 2
回答已采纳
下面是我在vue.js中的代码，在这里我试图显示输出列表类型，如。如果用户发出以逗号分隔的形式。
vue.js,angular,react.js
那么，我希望输出以这种格式
vue.js
angular
react.js
这是我在JavaScript中实现的，但是试图在vue.js中实现，请帮助我完成这个
这是更新的代码，请告诉我哪里出错了。
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head&
浏览 28提问于2021-12-06得票数 -1
2回答
尝试使用vue.js和vue-router.js演示路由，但获得SyntaxError“不能在模块之外使用导入语句”。我正在尝试从正确的位置导入vue。下面是树的打印输出。我没有正确导入vue吗？谢谢。
树打印输出：
.
├── index.html
├── index.js
├── js
│ ├── vue-router.js
│ └── vue.js
└── src
├── App.vue
├── AppRouter.vue
├── ArticlesPage.vue
└── HomePage.vue
index.html
<!DOCTYPE h
浏览 6提问于2020-08-01得票数 0
我从后端获取一些数据，并将其存储到变量queryResult中。但是，每当我按下网页上的查询按钮时，代码就会返回一个错误，在呈现中指出错误：
TypeError:无法读取未定义属性的“标题”
控制台将其进一步记录下来，进一步表明queryResult确实包含数据。我不是专家，但似乎页面在填充之前正在访问queryResult？
这是令人困惑的，因为当某些数据更改时，即当queryResult更改时，页面不应该重新呈现吗？
这是我的密码。
<!DOCTYPE html>
<html lang="en">
<head>
<met
浏览 2提问于2019-11-10得票数 0
回答已采纳
我有一个web应用程序，使用Django作为后端，Vue.js作为前端。在单元格中，这是每个行的一个按钮，它应该在单击后获取该行的详细信息。因此，我希望将Vue.js中某一行的一些变量作为参数传递给Vue.js方法。
但是我做不到，当我尝试点击按钮时，它总是提交表单，但是我已经添加了type=“按钮”。
<tbody>
<tr v-for="(row, index) in filteredRows" :key="`isbn-${index}`">
&l
浏览 4提问于2021-07-06得票数 2
回答已采纳
1回答
我有trainers.inc.php文件，它生成数组，从数据库中提取数据：
$trainers_meta[0] = array('Id' => $id, 'Name' => $name, 'Description' => $description, 'Experience' => $experience, 'Focus' => $focus, 'Fileformat' => $format, 'File' => $file);
我使用PHP
浏览 12提问于2021-12-18得票数 1
回答已采纳
目前，我使用以下命令在Vue.js / Buefy表单中显示每个城市的酒店列表：
<option
:value="h['@attributes'].Name"
v-for="h in cities[form.cities[i].index].Hotels.Hotel"
:key="cities[form.cities[i].index].Hotels.Hotel.Name"
v-if="isArray(form.cities[i].index)"
v-text="h[&
浏览 1提问于2018-05-23得票数 0
2回答
我想在Vue.js函数中使用JS数组进行循环。
尝试过的代码：
Vue：
computed: {
bbb: function(){
var vvv=this.Preused.length-this.quote.lines.length;
let added_products=[];
if(vvv > 0){
for(var i = 0; i <= vvv-1; i++){
newly_used.push({...this.Preused[this.manage.code.length+i]});
}
}
return newly_u
浏览 2提问于2020-10-15得票数 1
回答已采纳
我正在使用WordPress和WordPress进行项目主题化vue.js。但现在我不能渲染数据。这是我的密码
app.js
var App = Vue.extend({});
var postList = Vue.extend({
template:'#post-list-template',
data: function(){
return {
posts: ''
}
},
ready: function(){
posts = this.$reso
浏览 3提问于2017-02-21得票数 1
我正在使用vueJs创建购物车系统。我想要显示用户想要的项目列表，但当我运行应用程序并尝试在结帐列表中添加产品时，当我想要将项目添加到列表中时，我在google chrome控制台窗口中得到以下错误。
[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"
(found in <Root>)
warn @ vue.js:634
vue.js:1897 TypeError: Cannot read property 'name'
浏览 36提问于2019-07-21得票数 0
回答已采纳
如何在Elixir中混合复制多个文件？
这不起作用：
mix.copy([
['node_modules/vue/dist/vue.js', 'resources/assets/js/vendor/vue.js'],
['node_modules/vue-resource/dist/vue-resource.js', 'resources/assets/js/vendor/vue-resource.js']
]);
除以下内容之外的任何其他建议：
mix.copy('node_modules/vue/dis
浏览 0提问于2015-08-02得票数 4
1回答
我有index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="module">
import Vue from '/static/js/vue.js'
new Vue({
浏览 6提问于2020-03-20得票数 0
回答已采纳
我想在Vue.js的表列表中显示用户名而不是supervisor_id。这是一对多关系。supervisor_id是来自用户表的外键。 /这是vue.js中的视图。我想把work.supervisor_id改成像work.user.name这样的东西，但它不起作用。 <tr v-for="(work,index) in works.data" :key="work.work_id">
<td>{{index+1}}</td>
<td>{{work.w
浏览 30提问于2019-05-24得票数 0
回答已采纳
5回答
我有一个带有一些表格数据的JSON提要，我使用Vue.js来显示一个HTML：
<tr v-for="row, index in content">
<td class="index" v-text="index + 1"></td>
<td v-for="column in row" v-text="column"></td>
</tr>
这个提要为每一行返回一个数组，但是有些行有命名键。使用这个简单的foreach-循环，它
浏览 0提问于2019-06-24得票数 2
回答已采纳
1回答
Vue.js从列表中删除元素
、、、、
我正在尝试创建一个简单的网页，在那里我可以添加或删除文本框使用vue.js。
new Vue({
el: "#app",
data() {
return {
list: []
};
},
methods: {
deleteFromList(index) {
this.list.splice(index, 1);
},
addItem() {
this.list.push({});
}
}
});
<script src="https://cdnjs.cloud
浏览 2提问于2020-12-13得票数 1
1回答
我有一个导航栏(可能还有一个页脚)，它应该在每个嵌套页面上都可见。所以基本上只是内容发生了变化。在Vue.js中，我只需要使用<router-view>作为动态内容的占位符，使用<router-link>来切换此内容。 现在，在Nuxt.js中，我有以下目录结构。 pages/
--| calendar/
-----| index.vue
--| people/
-----| index.vue
--| index.vue 我的导航栏由两个<nuxt-link>组成，例如<nuxt-link :to="/calendar"> (
浏览 38提问于2020-08-03得票数 0
1回答
我创建了一个简单的vue.js程序，它使用for循环来切换文本的可见性。我有一个按钮，应该切换它，但当它被点击，它改变变量，但不更新按钮。
let app = new Vue({
data() {
return {
array: [true,true,false],
text: ["0","1","2"]
}
},
methods:{
change(index){
this.array[index]=!this.array[index]
console.log(t
浏览 7提问于2022-02-17得票数 1
回答已采纳
1回答
我第一次尝试vue.js，也是一个初学者javascript程序员。我要通过vue.js
我的html代码是：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React Tutorial</title>
<script src="bower_components/vue/dist/vue.js"></script>
<script
浏览 3提问于2016-01-22得票数 0
回答已采纳
我想用Vue.js构建一个单页面应用程序，使用Nginx作为我的API服务器，并使用我自己的Dropwiward REST API。此外，我使用Axios来调用我的REST请求。
我的nginx配置看起来像这样
server {
listen 80;
server_name localhost;
location / {
root path/to/vue.js/Project;
index index.html index.htm;
include /etc/nginx/mime.types
浏览 2提问于2017-12-05得票数 25
回答已采纳
我试图使用onClick()函数向传单映射层的geojson特性添加pointToLayer()功能。然后，当我试图通过单击显示的圆圈触发这些功能时，我遇到了以下错误：
vue.js:973 Uncaught RangeError: Maximum call stack size exceeded
at Function.getOwnPropertyDescriptor (<anonymous>)
at defineReactive (vue.js:973)
at Observer.walk (vue.js:897)
at new Observe
浏览 0提问于2018-03-22得票数 3
我有一个问题‘删除只完成’按钮。它应该删除所有已完成的任务。当任务完成时，它会将属性'finishedTask‘改为true。然后，我将所有已完成的任务都放入“已完成”数组中，但从该数组中我不能立即删除所有的任务。我使用了两个for循环来解决这个问题，但不幸的是，它并没有正常工作。下面是完整的vue.js代码。
new Vue({
el: '#app',
data: {
index: 0,
finished: [],
todos: [],
newTask: "",
},
methods: {
ad
浏览 0提问于2018-08-29得票数 0
回答已采纳
这里是这样的情况:我需要重新排序任何一维数组的能力，以便新数组以中心号(如果对象数为奇数)或中心2数字(如果对象数为偶数)开始，然后低迭代，直到计算到原始数组中的所有数字为止。
示例1-对象的奇数:原始数组: 1,2,3,5,8,13,20新数组: 5,3,8,2,13,1,20
示例2-对象的偶数:原始数组: 1,2,3,4新数组: 2,3,1,4
我已经尝试过使用for循环，并且可以让它在假设的情况下工作，但是我不能在Vue.js中使用for循环作为计算属性。
以下是我的尝试，但不起作用：
gameInfo: {
cards: [1, 2, 3, 6, 8, 13, 21,
浏览 3提问于2020-08-03得票数 1
回答已采纳
我目前正在用vue.js + sessionStorage制作一个简单的购物车。下面是我的js代码(vue.js方法)：
storeLocalStorage(){
var tempitem = store.getters.printCart;
if(tempitem.length){
if(sessionStorage.length){
var existingCart = JSON.parse(sessionStorage.cart);
var size = Object.keys(existingCart).length;
浏览 0提问于2020-06-30得票数 0
回答已采纳
我正在使用本地vue.js，这些是我的文件。index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1&
浏览 5提问于2021-10-12得票数 1
回答已采纳
我使用vue.js创建了一个网格，但是在应用关键字筛选器之后，很难为值获取正确的索引。
<tbody v-for="
entry in data
| filterBy filterKey
| orderBy sortKey sortOrders[sortKey]">
<tr v-if="$index == 0 || ($index > 0 && entry['value'] != data[$index-1]['value'])">
浏览 3提问于2016-05-16得票数 3
回答已采纳
2回答
Vue呈现按钮
、、、
我的问题是在vue实例上呈现一个按钮，点击一个按钮，然后再用事件单击呈现另一个按钮，如果我简单地挂载这个按钮，它就不会得到函数tes。
const Hello = {
props: ['text'],
template: '<button v-on:click="tes"> </button> ',
};
new Vue({
el: '#app',
data: {
message: 'Click me'
},
methods:{
alerta
浏览 1提问于2018-06-15得票数 0
回答已采纳
2回答
Vue范围新鲜
、、、
我只是在jquery中使用vue.js。我的情况是，我尝试用jquery向main.html注入侧栏html代码(里面有vue语法)。但是，在我将sidebar.html注入main.html之后，vue.js无法编译注入的vue的语法。有人能帮我解决这个问题吗？vue有角scope.apply那样的功能吗？
浏览 8提问于2017-01-20得票数 1
回答已采纳
我想到了下面的MPA混合，我基本上把每个页面当作SPA，但仍然像惯常的MPA那样重新加载页面从一个页面传输到另一个页面(index.blade.php到posts.blade.php)。该方法使用laravel、session和auth强大的特性来呈现包含单个vue.js组件的刀片模板。
假设您在主页上，您将得到如下内容：
@extends('layouts.master')
@section('content')
<body id="vue_root">
<page-index data={{ json encod
浏览 2提问于2018-09-14得票数 0
1回答
我正在尝试创建一个组件，该组件具有在同一元素中打开模式的按钮。我需要将v-b-modal-modal-[[this.data.id]]属性设置为此模式： Vue.component('vue-tables-2-product', {
delimiters: ['[[', ']]'],
props: ['data', 'index', 'column'],
template: `<div>
<b-modal id="modal
浏览 28提问于2019-12-31得票数 0
2回答
我希望使用Vue组件从JSON呈现以下视图：
JSON:
{
"0": {
"title": "Title0",
"content": {
"0": {
"text": "few text here",
"image": false
}
}
},
"1": {
"title": "Title1",
浏览 8提问于2020-04-02得票数 1
回答已采纳
5回答
我需要加载大约1000个静态图像，.gifs和视频在线幻灯片演示文稿。当前，所有项目都同时加载，查看者需要等待才能看到第一个项目。如何在完成加载之前加载每个项目？
Vue.js Vuetify.js代码：
<v-row v-for="(objkts, index) in group" :key="index">
<v-col v-for="objkt in objkts" :key="objkt.id">
<v-card :key="index" width="
浏览 14提问于2021-10-21得票数 3
回答已采纳
1回答
我在Vue.js中有一个Vue.js循环。它必须遍历一个列表来创建按钮。我在它们上添加了一个click事件，因此upUrl更改并获取它们的按钮索引作为其值：
<div class="mt-3" v-for="(buttonPic, index) in buttonPics"
:key="buttonPic"
>
<button class="btn btn-sm btn-success"
@click="up
浏览 5提问于2020-08-17得票数 0
回答已采纳
因此，我正在考虑我的餐厅网页的结构，它将使用laravel作为后端(将刀片视图路由和显示到浏览器、easy系统和会话)和前端的vue.js (我有一个注册组件的vue实例，每个组件都是一个视图，整个页面，这些页面中的大多数都有2个或3个嵌套的组件，如图像滑块，用于顶部锚，我使用axios获取API端点，而不需要刷新页面和管理面板中的许多CRUD操作)。
这就是我的index.blade.php视图的样子( www.domain.com/ )，我有许多类似于posts.index.blade.php的视图.
@extends('layouts.master')
@sectio
浏览 0提问于2018-09-14得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
