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
我的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中的代码，在这里我试图显示输出列表类型，如。如果用户发出以逗号分隔的形式。
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
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
回答已采纳
我有一个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
回答已采纳
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
回答已采纳
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
回答已采纳
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
我想在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
回答已采纳
我正在使用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
回答已采纳
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
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
我们有一个使用nginx部署在docker容器中的Vue.js应用程序。在这里中，nginx配置几乎遵循Vue.js文档。
server {
listen 80;
server_name ourhost.com;
charset utf-8;
root /var/www/ourhost.com/dist;
index index.html index.htm;
location / {
try_files $uri $uri/ /index.html;
}
location = /index
浏览 2提问于2021-07-29得票数 0
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组件的脚本标签中写了如下：
require("./js/swiper.min.js");
require("./js/wow.min.js");
export default {
mounted(){
var swiper = new Swiper('.swiper-container',{pagination: '.swiper-
pagination', paginationClickable: true,});
new WOW().init(
浏览 2提问于2018-12-04得票数 2
5回答
下面有一个数组，它包含许多列。下面的示例包含三列，但可以动态添加/删除列：
[['position', '30'], ['position', '60'], ['position', '90']]
在用Vue删除正确的列(数组中的索引)时，我遇到了一些问题。
考虑下面的片段：
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
columns: [['position
浏览 1提问于2019-08-28得票数 2
回答已采纳
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
回答已采纳
我想到了下面的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
1回答
使用Nuxt.js，在我的router.js中，我试图导入路由组件：
{
path: '/',
component: () => import(/* webpackChunkName: "index" */ '~/pages/index.vue')
}
我知道这个错误：
在组件中未定义的呈现函数或模板:匿名
我偶然发现了其他人的Nuxt.js项目，他们在最后添加了以下内容，这样就可以工作了：
{
path: '/',
component: () => import(/* webpackChunk
浏览 2提问于2021-03-02得票数 1
回答已采纳
因此，我的vue.js文件中有数据，我想要“附加”到两个不同的类，而不必创建另一个Vue.js组件或在另一个组件中重复内容。例如：
var fullViewContent = new Vue({
el: ".class-one",
data: {
name: 'Vue.js'
},
data: {
items: [{
content: "repeat this string in various places",
},
]
}
第一个HTML块
<div class="
浏览 0提问于2017-04-02得票数 1
回答已采纳
1回答
我的Vue.js组件中有一张相当大的桌子。当鼠标悬停一个单元格时，我希望当前行和列改变颜色。
对于行悬停效果，在CSS中非常容易。但是对于专栏，我必须使用javascript (由于各种原因，我不能在我当前的应用程序中使用 )。
现在，我的问题是，当表太大时，使用vue.js活动来完成这个任务会变得非常缓慢。请参见所包含的片段(我建议在整个页面中打开它)，其中行悬停效果非常被动(在CSS中完成)，列悬停效果非常缓慢(使用vue.js完成)。
我想我的解决方案远不是最好的，所以我的问题是：是否有一个解决方案，使柱悬停效应(几乎)与线路悬停效应一样反应?。
new Vue({
el: &#
浏览 0提问于2021-02-23得票数 0
回答已采纳
我正处于vue.js的学习阶段，下面是我的index.html代码：
<html>
<head>
<link rel="stylesheet" href="index.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app"
浏览 0提问于2019-02-01得票数 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
回答已采纳
我想用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
回答已采纳
2回答
以下是我所拥有的，我将尽我所能加以解释：
在我的HTML代码中有一个模型，如下所示：
id="favorites-modal-edit"是Vue.js应用程序，然后是<favorites-edit-component /> vue.js组件。
这里是我有的JS代码
我生成了我的favorites_list，它是一个对象数组，如下所示：
const favorites_list = [
{
id: 1,
name: 'Horse',
url: 'www.example.com
浏览 2提问于2021-02-03得票数 0
回答已采纳
我正在尝试获取用于生产的vue.js源代码。我使用了这个命令npm run build。我得到了一个带有dist的index.html文件夹和一个名为static的css和js文件夹。
当我尝试在本地主机、ie、xampp服务器中运行时，我得到了一个空白页。
vue.js是否可以在xampp中运行。
浏览 18提问于2016-12-30得票数 13
我想在Go中创建一个简单的文件服务器，用于提供Vue.js应用程序的静态文件。
默认情况下，Vue.js有自己的使用npm run dev或npm run build的运行器。
关键是，当我使用自己的工具系统运行Vue.js应用程序时，它会将404 error退回到index.html。这样Vue-router就可以处理剩下的事情了。
我如何在Go中处理这个问题呢？
正如文档中提到的那样，我尝试了httprouter及其NotFound方法，但如果Router上没有定义的路由，它只提供静态文件。
浏览 3提问于2018-01-20得票数 7
我只想在我的项目中使用maven，但我想让3个按钮和1个信息框的小单页应用程序。我可以包括像vue.js这样的axios吗？我下载了Vue.js文件，并在Index.html的<scrypt>中写入了路径。我不想用npm，纱线，webpack或者其他的东西。也许我可以用其他东西，而不是Axios？
浏览 3提问于2020-03-19得票数 0
我是vue.js的新手。我有一个简单的index.vue，它试图连接到contentful并显示来自contentful的条目。我在index.vue中的代码如下所示：
<template>
<div>
<!-- render data of the person -->
<h1>{{ person.fields.name }}</h1>
<!-- render blog posts -->
<ul>
<li v-for="post in post
浏览 1提问于2019-01-17得票数 10
1回答
在我的vue.js应用程序中，我尝试交换两个论坛行，如下所示：
export default {
data() {
return {
forums: []
}
},
methods: {
increment(forum, index) {
ForumService.increment(forum)
.then(() => {
浏览 10提问于2017-01-26得票数 11
回答已采纳
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
我正在使用本地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
回答已采纳
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
回答已采纳
我正在尝试路由一个控制器/操作，它将我的Vue.js应用程序返回到webroot，因此URL隐藏控制器名称。
我目前的路线：
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=MySpaController}/{action=Index}/{id?}");
routes.MapSpaFallbackRoute(
浏览 0提问于2018-08-17得票数 0
回答已采纳
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
回答已采纳
我以前在香草JS中做了一些拖放功能，我在其他项目中使用过。现在我已经启动了一个Vue.js项目，我希望使用相同的拖放功能。
是否可以在Vue.js组件中包含一个普通的JS文件？怎样才能做到呢？
到目前为止，我只尝试在<script>元素中添加一个index.html标记，但是它会引发一个错误。
<script src="../src/js/drag-and-drop.js"></script>
浏览 2提问于2018-12-19得票数 0
回答已采纳
1回答
在Vue.js中，我试图将循环中的值作为自定义组件的属性进行传递。
<template v-for="upload in uploads">
<upload-container index="{{ $index }}" filename="{{ upload.name }}"></upload-container>
</template>
不幸的是，这不起作用，它只传递文字字符串{{ $index }}和{{ upload.name }}，而不是实际值。
浏览 0提问于2016-01-25得票数 1
我正在使用和构建一个应用程序。
我不想使用任何编译器/捆绑器等。
我已经通过npm安装了Vue.js库，并试图通过require使用它，但是没有呈现它(虽然，我看到了created和mounted回调上正在发生的控制台日志，但是网页是空的，<div id="app"></div>是空的。
我的代码：
index.html ( nw.js应用程序的入口点)：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-
浏览 2提问于2020-05-17得票数 1
我正在和vue.js和vuex一起工作。我尝试过构建类似这样的，但我遇到了一个问题，vue.js列表转换与我使用vuex创建的示例不能正常工作。JSFiddle上的例子：。
下面是vue.js代码：
const store = new Vuex.Store({
state: {
items: [1, 2, 3, 4, 5, 6, 7, 8, 9],
},
getters: {
items(state) {
return state.items;
},
},
mutations: {
delete(state, payLoad) {
浏览 2提问于2019-11-26得票数 0
2回答
我真的理解vue.js，但是我的代码不能很好地工作。现在，我已经尝试通过使用delete按钮exist same来删除选中的行信息。即使我在第一行按下按钮，也不会删除，但我可以从第二行删除信息。 我在代码中使用了split方法。我查看了vue.js网站，我使用的是$delete方法，但它不起作用。 我真的很想了解vue.js和Typescript。有什么建议吗？我的代码如下。 <template>
<div>
<table>
<thead>
<tr&g
浏览 79提问于2020-08-06得票数 0
回答已采纳
我想在vue.js历史中通过apache中的.htaccess强制https连接：
Vue历史需要这样的.htaccess：
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
如何修改此.htaccess以强制
浏览 17提问于2018-01-02得票数 3
我想使用'vue.js‘上的github页面
我试图修改/config/index.js文件。
build: {
// Template for index.html
index: path.resolve(__dirname, '../docs/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../docs'),
assetsSubDirectory: 'static',
assetsPublicPath: '
浏览 1提问于2020-01-05得票数 1
回答已采纳
1回答
我是Vue的新手，我有一个问题：
这是我的index.html，我使用了2个自定义标记aas、和index.html：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="root">
<aas></aas>
<task></task>
</div>
<script
浏览 43提问于2018-05-29得票数 0
回答已采纳
为了在JavaScript上使用命名捕获组，我做了这样的修改：
diff --git a/assets/js/vue.js b/assets/js/vue.js
index f442939c9..6d9e707f0 100644
--- a/assets/js/vue.js
+++ b/assets/js/vue.js
@@ -44,7 +44,7 @@ Vue.config.silent = config.production;
requireComponent.keys().forEach(fileName => {
const
componentConfig =
浏览 18提问于2019-08-05得票数 2
回答已采纳
1回答
我想从Nuxt.JS项目创建Vue.JS项目。
Vue.js项目
您可以看到完整的Vue.JS项目。这个项目使用npm包，它可以帮助使用Vue.js将web表单转换成对话。
项目有3个文件：
index.html
index.js
myForm.js
代码： index.html
<style>
html, body {
height: 90%;
width: 96%;
background: #eee;
margin: 10px auto;
}
</style>
<div id="app
浏览 6提问于2019-10-17得票数 1
回答已采纳
1回答
我试着学习Laravel和vue.js，偶然发现了一个问题。我有这个Laravel模型，它包含一个php方法，该方法从数据库中获取数据，并将其放入对象中，然后放入数组中。然后，我想在vue.js组件中访问这个数组，但是我不知道该怎么做。
我的Laravel模型从数据库中获取数据并放入数组中的对象中。
我可以在index.blade.php中打印数组，而无需使用vue，如下所示：
@foreach ($data‘’hosts‘as $hostsKey => $hostsValue) @foreach ($hostsValue as $hostKey => $hostValue
浏览 1提问于2019-02-10得票数 4
回答已采纳
在vue.js中使用分页时会出现以下错误
vue.js:2192 Uncaught TypeError: this.categories.push不是VueComponent.getAllChildren (vue.js:2192) at vue.js:2207的函数
剧本：
export default {
name: "DisplayCategories",
data() {
return {
categories: {},
}
},
mounted() {
this
浏览 4提问于2020-01-12得票数 1
我设置了一个Vue.js文件，它基本上是一个中继器，如果在菜单中选择了不同的选项，我想让它利用一个开关情况。在这种情况下，我想知道是否选择了MC来显示amount列(最初是隐藏的)，并通过将其附加到DOM来显示下面选定数量的输入框。我一直在尝试让它在Vue.js中工作，但除了我所处的位置之外，我无法取得任何进展。
var app = new Vue({
el: "#app",
data: {
rows: [4]
},
methods: {
addRow: function() {
var elem = document.creat
浏览 1提问于2019-08-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
