我正在和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
我正在构建一个组件，它应该从父对象获取一个数组对象，并显示它们，并允许删除一些对象(=子对象向父对象发送一个新的Array)。
对于理解子->父级通信非常有用，但是我现在被一个错误困住了，我不明白：
Vue.component('search-box', {
template: '#search-box-template',
props: ['who'],
methods: {
deleteID: function(p) {
var user = _.filter(this.who, function(w
浏览 2提问于2017-06-08得票数 0
回答已采纳
在Vue.js中，我有以下代码(带有类型记录Vue.js 2和类组件)：
toggle(id: string): void {
if (this.selectedIds.has(id)) {
this.selectedIds.delete(id);
} else {
this.selectedIds.add(id);
}
}
和
get handledUsers() {
return this.users.map((user) => ({
...user,
selected: this.selectedI
浏览 2提问于2021-12-27得票数 1
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应用程序中使用了阿波罗，我目前正在尝试通过运行一个变异来删除一个对象，以下是代码： this.$apollo.mutate({
mutation: require("../graphql/deleteTag.gql"),
variables: {
id: idToDelete,
},
update: (store, { data: { delete_tags } }) => {
if (delete_tags.affected_rows) {
浏览 34提问于2020-10-08得票数 0
我在使用Vue.delete时会收到以下警告：
[Vue warn]: Error compiling template: avoid using JavaScript unary operator as property name: "delete(testObj,)" in expression @click="Vue.delete(testObj,'label')"
我可以在其他任何地方使用Vue.delete，这似乎很好。我用错了吗？
new Vue({
el: '#app',
data() {
ret
浏览 3提问于2020-07-25得票数 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
2回答
我有一个按钮来删除表中的记录，它是故意的。但我需要在删除后添加一条消息(不警告)。当我只在Laravel做这件事的时候，效果很好。但是现在我在我的项目中有了Vue.js，它不起作用。
它应该返回一个绿色框，上面写着“成功删除记录”，当我用Laravel编写相同的代码时，它的工作非常棒。但是对于Vue.js，它不起作用。
我的刀片文件，它扩展了vue组件。该消息位于代码.中的前面。
<body>
<div id="app">
<div class="container">
浏览 1提问于2020-09-10得票数 2
回答已采纳
我目前正在使用Element在Vue.js中构建一个应用程序，而且我对使用Element相当陌生。我使用el-table创建了一个表。我设法在表中添加了内容。现在，我在表的每一行中都有一个删除按钮。单击delete按钮后，它应该成功地删除行(即向服务器发出删除axios或http请求，并从数据库中删除该用户)。为此，我需要访问特定行中的内容或用户名。我该怎么做？
找到我的HTML (删除)代码如下：
Vue.js的HTML：
<el-table>
<el-table-column
width="
浏览 6提问于2020-07-17得票数 1
回答已采纳
1回答
我正在以传统的方式删除一些数组对象：delete subDirectories[index]。所以，在那之后，这个对象就变成了[empty] one。现在，如何过滤它，undefined, bool, NaN nothing不起作用。我正在使用Vue.js，其中包含一个vuex操作。有人能帮上忙吗？
浏览 4提问于2018-02-06得票数 0
回答已采纳
在vue.js模板中，我有以下代码来删除一个笑话
<div v-on:click="delete(joke)" class="btn btn-sm">delete</div>
以及这样做的方法：
delete: function(joke) {
console.log('delete requested');
axios.post( this.BASE_URL + "/delete" , {
id: joke.id,
token: this.token,
浏览 5提问于2017-11-20得票数 12
回答已采纳
在我的Vue.JS组件中有以下方法：
removeItems (itemsArray) {
this.$http.delete(this.apiUrl, {items : itemsArray})
.then((response) => {
this.msg = response.msg;
});
}
在vue资源0.8.0中，一切都很好。升级到1.0.3之后就没有了。我在发布说明中发现，他们从GET请求中删除了body，这很有意义，但是为什么删除请求停止工作呢？如果他们禁用了在DELETE请求中显式指定body，我如何添加它？
浏览 0提问于2016-10-07得票数 9
回答已采纳
我一直在思考如何在drf中处理多个文件上传，我的vue.js前端正在发送文件，但我不知道如何在后端处理它们。
views.py
class FileViewSet(viewsets.ModelViewSet):
parser_classes = (FormParser,MultiPartParser)
queryset = File.objects.all()
serializer_class = FileSerializer
serializers.py
class FileSerializer(serializers.ModelSerializer):
浏览 3提问于2020-07-08得票数 0
回答已采纳
1回答
基本上，我想要做的是点击我的按钮，并立即隐藏这个按钮，并使之成为另一个。
我的两个按钮是：
<button @click="" value="Add to favorites" style="font-weight: 700;color:#428bca;margin-left:30px;height:30px;border-radius:4px" name="favorites">Add to favorites</button>
<button @click="" value=&#
浏览 2提问于2018-03-10得票数 1
回答已采纳
1回答
当我单击Vue.js表中的按钮时，如何从MySql数据库中删除产品？
我只是写了它，所以它只在视图中删除。数据库与Laravel关联。
<div class="container" id="main">
<h1>@{{title}}</h1>
<h3>Products (@{{products.length}})</h3>
<table class="table table-striped">
<thead>
<
浏览 0提问于2019-06-16得票数 0
1回答
你好，这是我关于堆栈溢出的第一篇文章。我想将后端和前端分开，并使用我的Spring Boot应用程序创建REST API。我使用spring-security登录。它使用名为JSESSION_ID，但是如何使用Vue.js登录和授权用户呢？我想做的形式登录到我的服务和授权请求与JSESSION_ID。
这是我在Vue.js中的第一个应用。我试着使用教程和文档中的代码，但它不能解决我的问题。我也有CORS的问题。
export default {
name: 'Login',
data(){
return{
浏览 18提问于2019-07-26得票数 2
我的看法是：
<table class="table table-inbox">
...
<tbody>
@foreach($messages as $message)
<tr>
...
<td>
<div class="btn-group" role="group" aria-label="...">
...
<a
浏览 2提问于2017-03-13得票数 2
我使用vue.js并转储我的数据${{ data }}并将其输出给用户，但是，我只想显示特定值。在本例中，我希望显示所有内容，但不显示操作。
我只想展示:名称、描述和方法。
{
"Name": "",
"Description": "",
"Actions": [
{
"Actions": "Microsoft.AAD/domainServices/oucontainer/write"
},
{
"Actions&#
浏览 1提问于2019-03-30得票数 0
我对Vue.js非常陌生。
我首先搜索了如何做到这一点(只考虑到数组中的元素，从数组中删除一个元素)，但我发现的只是对delete方法的引用或在列表中调用slice .当然是相关的，但没有回答我的问题。
我在这里做了一把小提琴：
理想情况下，我希望单击delete来删除选项卡和选项卡窗格。
有没有办法做到这一点，而不把列表作为一个支柱？
浏览 1提问于2018-05-25得票数 0
回答已采纳
1回答
我在从Vue.js组件到具有express网关的服务器的HTTP请求中遇到问题。我假设问题出在Express Gateway上，因为即使应该接收请求的微服务处于离线状态，错误仍然会显示。
Vue.js代码非常简单，它是：
await this.$http.post('http://localhost:8080/cartItems/',{
user_id: this.userId,
product_id: this.productId,
quantity: pr
浏览 4提问于2020-05-02得票数 0
5回答
下面有一个数组，它包含许多列。下面的示例包含三列，但可以动态添加/删除列：
[['position', '30'], ['position', '60'], ['position', '90']]
在用Vue删除正确的列(数组中的索引)时，我遇到了一些问题。
考虑下面的片段：
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
columns: [['position
浏览 1提问于2019-08-28得票数 2
回答已采纳
我正在制作一个简单的CRUD应用程序，使用Vue.js作为前端Nodejs作为后端，MongoDB作为数据库。我有一个删除函数，但问题是它只从前端删除客户而不是从数据库中删除，当我刷新页面看到所有客户删除后，客户再次出现在前台。下面的是我删除的函数
{
let uri = 'http://localhost:3000/Customer/delete/'+id;
this.items.splice(id, 1);
this.axios.get(uri);
浏览 1提问于2020-01-11得票数 0
回答已采纳
我从后端获取一些数据，并将其存储到变量queryResult中。但是，每当我按下网页上的查询按钮时，代码就会返回一个错误，在呈现中指出错误：
TypeError:无法读取未定义属性的“标题”
控制台将其进一步记录下来，进一步表明queryResult确实包含数据。我不是专家，但似乎页面在填充之前正在访问queryResult？
这是令人困惑的，因为当某些数据更改时，即当queryResult更改时，页面不应该重新呈现吗？
这是我的密码。
<!DOCTYPE html>
<html lang="en">
<head>
<met
浏览 2提问于2019-11-10得票数 0
回答已采纳
我正在使用Laravel5.5和Vue.js 2.0
打开example.com并单击显示项时，此url将触发
example.com/items
下面是结果
当我直接打开这个url example.com/items时，它只显示我从Laravel获得的json响应，而没有在html (Vue.js)中创建任何视图。见下文：
如何在浏览器中访问像example.com/items这样的直接Urls，而不首先访问example.com，从而获得准确的结果。
更新的这里是我的Vue routes.js文件
import Example from './components/Ex
浏览 1提问于2018-01-19得票数 0
回答已采纳
似乎我在vue中加载外部umd组件时遇到了问题。
我尝试做一些类似的事情，比如
这对使用vue2和webpack的我来说很有效
现在我使用的是Vue3/Vite和上面问题中相同的源码。
但是当解析外部组件promise时，我得到以下错误：
vue.js:1184 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <DemoComponent>
at <HelloWorld msg="He
浏览 5提问于2020-12-30得票数 2
我是Vue.js的新手，我试着创建一个单一页面的博客，只是为了让我对vue/laravel组合感兴趣，而当涉及到从我正在工作的“故事”数组中删除一个“故事”时，我被困住了。我知道这些路由是好的，因为实际上删除了故事，没有抛出错误，但是删除的故事将保留在数组中，直到我刷新页面。从我在其他地方读到的内容来看，我实现的代码应该立即更新数组。我已经附上了我的刀片视图，vue.js文件和控制器的相关部分。提前感谢！
JS (VUE)
new Vue({
el: '[vue-news]',
search: "",
data: {
stories: &
浏览 1提问于2015-11-16得票数 1
回答已采纳
3回答
我正在尝试在我的Vue.js Firebase应用程序中实现一个按UID删除/移除用户的功能。该应用程序设置为通过电子邮件和密码在Firebase身份验证中注册用户。登录后，用户应该能够单击删除，以便从Firebase身份验证中删除他/她的电子邮件和密码以及用户数据。到目前为止，我已经为delete函数准备了以下内容： async deleteProfile () {
let ref = db.collection('users')
let user = await ref.where('user_id', '==
浏览 29提问于2019-08-22得票数 0
我想要能够点击一个按钮并删除表格中的所有内容，这就是我现在所拥有的。我正在使用laravel/activitylog，这就是我要删除的内容，我使用Spatie\Activitylog\Models\Activity访问模型，但它不是本地模型。我正在尝试从从这个包创建的表中删除所有内容。
我的vue.js baseUrl: 'logs'上的delete功能
deleteAll(){
this.$confirm('¿Desea borrar todos los registros del logs?', 'Advertencia', {
浏览 19提问于2019-11-21得票数 1
回答已采纳
1回答
这是我第一次在vue.js中处理数据表，所以我从api中提取了teams.id，并将其设置为数据表中每一行的唯一键。我的问题是我在向“delete”函数传递密钥时遇到了麻烦。我能够获取索引，但我无法找到获取所述行的键的方法。 <v-data-table
:headers="headers"
:items="teams"
:key="teams.id"
sort-by="id"
class="elevation-1"
>
<template v-slot:item.actions="{
浏览 13提问于2020-04-01得票数 0
回答已采纳
1回答
在一个品牌控制器类中，我想这样做：
@RequestMapping(value = "brand",method = RequestMethod.GET)
@ResponseBody
public Object deleteByIds(int[] ids) {
System.out.println(ids);
goodsBrandService.deleteByIds(ids);
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg","success
浏览 0提问于2018-09-23得票数 1
回答已采纳
2回答
我的API的删除部分有什么问题？
、、、、
我在一个web编程班上，我们正在编写web服务器的API。我目前已经实现了POST和GET，但我在实现DELETE时遇到了一些问题。我在这里做错了什么？我希望能详细解释我做错了什么，因为我真的在努力学习这些材料(当然，除非它只是格式错误)。
有很多部分还没有实现，所以我敢肯定有很多错误。我最关心的是删除，以及我的代码中任何我不理解的明显的东西。
我已经用fakeDomainName.com替换了我的域名
index.html和script.js位于公用文件夹中。我的主目录中的start.js。
我们正在创建一个简单的投票型应用程序接口来练习，使用Node.js服务器和MongoDB数据库来存储
浏览 2提问于2019-11-19得票数 0
3回答
如何从Vue.js数据对象(即关联数组)中删除这样的属性/键：
var vm = new Vue({
data: {
users: {
foo : { firstName: ..., lastName: ... },
bar : { firstName: ..., lastName: ... }
}
},
methods: {
someFunction : function ()
{
// how to remove `users.fo
浏览 1提问于2017-07-06得票数 90
我用Vue.js、Node.js和MongoDB创建了应用程序。我有一个项目列表与删除按钮旁边的每一项。通常情况下，它可以工作，但是一旦删除(例如20次删除)，被删除的项就会保留在列表中，尽管列表在每次删除后被初始化。在手动刷新页面之后，已删除的项目就消失了。怎么修呢？
vue组件：
methods: {
async initialize() {
return Service.getTool()
.then((response) => {
this.tools = response;
})
.cat
浏览 2提问于2021-05-08得票数 0
回答已采纳
我在传递数据给带有Vue-resource的delete请求时遇到了问题。服务器正在接收没有数据的空对象。下面是一些代码：
带有Vue.js和Vue的前端-资源管理器
deleteArticle: function(tit){
console.log(tit);
this.$http.delete('http://192.168.0.52:8080/article',{'title':'123'}).then((res)=>{
this.refresh();
console.log(res.data);
}).c
浏览 2提问于2018-02-04得票数 0
1回答
在Vue.js客户端中运行DELETE请求时出现问题。这是我现在的代码，我只是硬编码了链接，以便尝试它。
deleteCompany(){
axios.delete('http://localhost:9292/companies/1')
.then(response =>{
console.log(response);
});
}
在后端，我有一个用Ruby和Sinatra构建的服务器，这是删除的方法：
#delete a company
delete '/companies/:id'do
content
浏览 21提问于2019-11-12得票数 1
回答已采纳
这是我目前的代码，我正在使用Javascript，Vue.js。
Messages.length是我拥有的消息数组。当您单击x时，它会触发"clearMessages(item)“，这是我在服务器端拥有的一个函数，但我也希望创建一个函数，如果通知停留在那里超过10秒，就会调用它。
<div v-if="messages.length">
<div class="notification is-success">
<p v-for="item in messages">{{ item
浏览 0提问于2018-03-06得票数 0
回答已采纳
2回答
我的vue js数据有一些数组，在模板中，我试图使用v-for循环来呈现它们。
类似于：
<tr v-for="d in [0,1,2,3]"><td>{{data.people[d].name}}</td></tr>
<tr v-for="d in [0,1,2,3]"><td>{{data.places[d].name}}</td></tr>
<tr v-for="d in [0,1,2,3]"><td>{{data.ord
浏览 1提问于2018-01-29得票数 0
3回答
通过使用ADD单击Vue.js来创建HTML行。对于每一行，单击都有一个delete button，我要删除当前行。
问题是在其他组件中定义了tbody，在其他组件中定义了thead。
我知道怎么删除
Vue.component("form-row", {
template: "#row-template",
props: {
itemname: String,
quantity: Number,
sellingprice: Number,
amount: Number
},
methods: {
de
浏览 5提问于2019-12-31得票数 0
回答已采纳
2回答
在list元素中，我希望将控制按钮放在列表项文本的左侧。为了做到这一点，我使用了属性float: left;，它完成了这项工作，但是当一个列表中有多行时，每个新行都有一个与前一个浮动块大小相同的填充：
该列表基于Vue.js & Bootstrap。我的CSS/HTML代码：
<ul class="items">
<transition-group name="item">
<li v-for="item in items" :key="item.id" mode=
浏览 2提问于2018-01-24得票数 2
回答已采纳
我使用的是一个Vue.JS应用程序，它调用了一个用Lumen构建的API。每当Vue.JS应用程序调用Lumen时，我总是得到以下错误。
下面是用于Lumen中的CORS的中间件。
<?php
namespace App\Http\Middleware;
use Closure;
class CorsMiddleware
{
/**
* Handle an incoming request.
*
* @param \Illuminate\Http\Request $request
* @param \Closure
浏览 0提问于2018-11-03得票数 2
回答已采纳
0回答
Vue.js调试消息问题
、、、
我已经使用Vue.js v2.5.1为前端构建了一个web应用程序。这个应用程序通常工作得很好，但是当出现问题时，抛出的错误消息只会引用vue.js代码本身，而不是我的代码部分(我假设在我的模板中有一些内容)，而这些部分无疑是问题的真正根源。
下面是一个示例：
Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on
'Node': The node before which the new node is to be inserted is not a
child
浏览 17提问于2017-12-01得票数 6
1回答
我正在使用Larave5.8和开箱即用的预配置Vue.js。 为了在Vue.js组件中发出GET/POST/PUT/DELETE请求，我使用AXIOS，如下所示： import axios from 'axios'
const obj = axios.create({
baseURL: '/controller-name/action-function-name'
})
export default {
all (params) {
return obj.get('/', params)
},
find (id) {
浏览 248提问于2019-05-29得票数 2
我刚刚在GoDaddy上启动了一个Vue站点，下面是链接： --我一直通过导入组件来获取警告/错误。这是我的app.js
Vue.component('nav-bar', 'navbar.vue')
Vue.component('todo-item', {
template: '<li>This is a todo</li>'
})
var app = new Vue({1
el: '#app',
data: {
message: 'Pic-M
浏览 2提问于2018-09-22得票数 1
回答已采纳
1回答
我肯定我不是唯一一个对VueJS2有这个问题的人。
我使用axios返回一个“person”数组，如何从person的父模型(公司)访问"name“属性？
在laravel中，我可以这样访问它：$person -> company -> name
但是如果我在person.company.name中使用VueJs2，就会产生一个错误。请帮帮忙，非常感谢！
错误是：
vue.js:526 TypeError: Cannot read property 'name' of undefined
at eval (eval at makeFunction (vue.
浏览 3提问于2017-10-03得票数 0
回答已采纳
我在本地服务器上有一个vue.js + laravel安装项目，其中Vue.js开发工具可以检测到Vue.js，我可以使用它。但是，当我使用'vue create‘进行独立的Vue.js安装时，Vue.js没有被devtools检测到。我已经允许访问chrome扩展名下的文件URL，但它仍然不起作用。在不允许访问文件URLS的情况下，devtools在laravel版本中检测到了Vue.js。
为了让Vue.js devtools正常工作，我还缺少其他基本的东西吗？肯定有一个简单的步骤我错过了，因为应该有很多人在本地服务器上创建新的Vue.js项目，并让devtools正常工作。
我正
浏览 2提问于2020-08-27得票数 0
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
我必须通过如下脚本加载vue-native-websocket
<script src="{% static 'js/vue.js' %}"></script>
<script src="{% static 'js/vue-native-websocket.min.js' %}"></script>
<script src="{% static 'js/vue_components/OrdersCurrent.js' %}">&
浏览 17提问于2018-07-26得票数 0
回答已采纳
1回答
我试着用Vue.js和Laravel构建一个CRUD，但是...我可以保存，读取和更新唯一的问题是删除，有人能帮我吗？
My index.blade.php：(获取id)
<div class="modal inmodal" id="delete" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content an
浏览 2提问于2017-10-02得票数 0
我的web服务器配置在Nginx上。在主机srv.local上，我安装了Symfony3。配置：
config.yml：
# NelmioCors Configuration
nelmio_cors:
paths:
'^/':
allow_origin: ['*']
allow_headers: ['*']
allow_methods: ['POST', 'PUT', 'GET', 'DELETE']
max_a
浏览 3提问于2017-04-16得票数 1
1回答
我有一个Vue.js应用程序，它将被用作WordPress站点的主题，而wordpress在不同于Vue.js预期的路径上提供资源，这是正常工作的路径：
<img src="src/assets/images/image.svg"/>
但这是有效的方法：
<img src="/wp-content/themes/theme-name/src/assets/images/image.svg"/>
所以我的问题是，我该怎么做呢？由于我对wordpress是如何运行的几乎一无所知，除了REST API部分，我能做什么呢？如果可能的话，我希望We
浏览 15提问于2021-03-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
