• 当我将数据从Laravel Blade文件传递到Vue组件时,它显示“ PHP致命错误:方法App \ Reply :: __ toString()不得抛出异常”

    登录后,它可以正常工作。但是,如果我以访客身份访问该网站,则在访问该特定页面时会弹出此错误。 “ PHP致命错误:方法App \ Reply :: __ toString()不得引发异常,捕获到的ErrorException:试图获取非对象的属性'id'” <reply-component :attributes="{{$reply}}" inline-template> <div> <div class="d-flex pt-1 justify-content-between px...
  • VUE我如何提交表格并更新状态

    因此基本上,我试图在用户创建帐户时更新状态。到目前为止,我只能使用一个单独的输入(例如fName,lName,email ...)来执行此操作,但是我想同时触发这两个输入。例如,在data(){newUserAcc:{fName,lName,电子邮件}},然后发送并在商店中进行更新。我已经附上了两个文件,即vue和store.js。 <template> <div> <v-app style="background-image: url('https://blog.modsy.com...
  • 谁能告诉我为什么我的“未读邮件”功能不起作用

    当我点击联系人时,在我的聊天框中,“新消息通知”应该消失,这没有发生。 它确实显示了新邮件的数量,但并没有消失 该通知中不断添加新消息。 可能add_read_to_message_table中的down功能无法正常工作。 我在这里知道太多的代码,但是我无法找出问题,也没有显示任何错误 这是我的ContactsListController:- public function index() { return view('home'); } public functi...
  • 从另一个组件单击后无法打开Vue.js模式窗口

    我是Vue.js的新手,正在努力了解如何在点击时打开模式窗口。 基本上,当我从另一个组件调用模式时,我想打开模式本身并显示我从API调用传递给它的数据。问题在于,模态仍未以内联“ display:none”显示。我疯了,为什么即使我将设置为true的prop传递给模态,也无法使其成为“ display:block”。 谁能看一下代码并提出建议?我没有资源了:/ 模态组件如下: <template> <div id="modal" class="modal fade show" v-show="...
  • 使用Vue Js数据绑定需要花费一些时间

    我是Vue JS的新手。因此,我只是制作了一个组件,该组件重复了像网格这样的部分。但是我的问题是,当我在网格中添加下拉菜单时,这花费了太多时间。下次记录可能会增加,然后加载时间也会增加,因此我正在寻找解决方案,因此页面加载时间将减少。 这是我在代码中使用的示例。 var obj = []; for (var i = 0; i < 4000; i++) { var subobj = []; for (var j = 0; j < 100; j++) { subobj.pus...
  • 在我的API请求中获取“ SyntaxError:” JSON.parse:JSON数据的第1行第1列的数据意外结束”

    基本上,我已经使用laravel 7和Vue.js制作了一个名为“观察”的“简单” API,我的GET请求正在工作,但是我无法执行DELETE和POST请求,我不得不说我还在学习Laravel,所以可能会有很多错误。 这里的评论很少:DELETE实际上有效(删除),只是不重载所有观测值 这是我的vuecomponent: <template> <div> <div class="card card-header"> <h2> observaciones </h...
  • 在Vue中将道具从一步传递到另一步(步进)

    我正在Vue中使用步进器。我将在步骤1中创建代理商,并在步骤2中显示代理商详细信息。问题在于,代理商详细信息直到执行完步骤2之后刷新页面才出现在步骤2中。是否可以将代理商作为道具从agency.vue传递到event.vue,这样我就不需要刷新页面以使代理商详细信息显示在步骤2中。 步进式 <template> <div > <v-stepper v-model="e1"> <v-stepper-header> <v-stepper-step :com...
  • 如何填充输入选择框Laravel Vue JS

    我在项目上使用Vue进行表单输入,但是在我的输入1字段中,选择框无法记录在发送的输入中(始终为null),另一个文件如tipe文本,对其进行编号,但是只有此选择框无法在输入中记录 这是我的输入 // this field select cant record ( always give null ) , <div class="field"> <div class="select"> <select name="...
  • Vue.js和从未显示的输入值

    我正在Vue.js中制作一个简单的购物清单应用程序,我很好奇是否有一种标准的方法可以完成所需的工作。我有带有添加和删除按钮的项目列表: const app = new Vue({ el: '#app', data: { items: [ 'Chocolate', 'Pizza', 'Coca-Cola', ], newItem: '' }, templat...
  • 通过FCM同时接收到两个相同的消息作为推送通知

    我正在使用Vue.js和FCM来实现WebPush通知。但是,当我对其进行测试时,无论浏览器或设备如何,我都会收到来自Firebase的一个通知和两个客户端收到的两个相同的推送通知。 请任何帮助将不胜感激! 以下是JS的摘录。 const messaging = firebase.messaging(); function showNotification(data) { console.log(data); var title = data.notification.title; ...
  • Vue.js,Vuex; Vuex存储中的数据发生突变时,组件视图不响应(神秘异常)

    这是我首次尝试使用Vuex,我对与在$ store中管理的searchResults数组有关的问题感到困惑,特别是为什么在商店发生变化时SearchResults视图组件似乎没有反应。 我有一个搜索表单组件,该组件在提交时会调用搜索功能(mixin),调度一个操作,该操作将更新商店中的searchResults数组,然后加载ViewSearchResults.vue,在其中显示搜索结果-并且此方法有效。 现在,ViewSearchResults.vue还包括搜索表单组件,并且在运行后续搜索时,再次成功运行搜...
  • 为什么HTML按钮不能与被调用的[功能]一起使用?

    在此JS代码中,我制作了折线图库和Vue框架。折线图跟随两个数据集data1和data2。通过在方法中返回它,我使createSvg()属性可用于HTML文件(请参见xyz()函数)。 但是,当我单击输出中显示的按钮时,图形不会更改,这意味着按钮不起作用。 我的代码有什么错误?请给我一些建议。 var app = new Vue({ el: "#app", data(){ }, methods:{ xyz:function(data){ return this.creat...
  • Vue:v-for不渲染(使用Node和Axios)

    我正在尝试从MySql数据库中的“客户端”表中获取一些数据(稍后再创建CRUD),但是当我尝试在v-for中输出时,什么也没有呈现。呈现“ ul”,但其为空,因为未呈现“ li”。我没有任何错误,只是没有渲染? 我的代码在这里: Router.js(服务器端): // routes/router.js const express = require('express'); const router = express.Router(); const bcrypt = require('bcryptjs'...
  • 如何在Laravel前端中集成Vue组件

    我有一个带有身份验证的Laravel Web应用程序。我可以登录,以传统方式提交表格。在某些页面上,我正在加载呈现良好的vue组件。但是,当我尝试从这些组件进行axios调用时,即使仍然登录,我也会收到401响应。 这是我的应用程序仪表板布局 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="wid...
  • Vue.js计算属性未正确更新

    我是Vuejs的新手,正在关注他们的文档,这对您很有帮助。但是,我发现很难理解如何实际触发计算属性。 我正在为项目使用ag-grid,我想将总行数更新为我的自定义页面大小下拉列表。 以下是我的代码: <template> <div id="ag-grid-demo"> <vx-card> <!-- TABLE ACTION ROW --> <div class="flex flex-wrap justify-between items-center"> ...
  • JavaScript:数组中的部分字符串匹配

    我有一个包含一些公司数据的对象数组。我已经根据用户是否选择了成员类型来过滤数据,然后我想通过公司名称进一步过滤数据。例如,如果用户输入Google将匹配的公司“ Go”或“ go”,则这必须是部分匹配。目前,我已经设置好了它,例如,它只会匹配全名“ Google”。 这是我的代码: https://jsfiddle.net/reece_dev/h3z2rxen/3/ const data = [ { "company_name":"HP", "member_typ...
  • 我无法正确显示v-data-table数据:“无效的道具:道具“ items”的类型检查失败。期望数组,得到对象''

    我正在开始一个必须使用Vue的项目。我实际上真的很陌生,所以我在旅途中学习。由于这个问题之前已经回答过,所以我确实道歉,但是,我并不真正理解所提供的解决方案,这就是为什么我在这里问自己。 好吧,我试图在我的数据表(更具体地说是Vuetify的v-data-table)上显示一些数据。我能够从API获取数据,但是由于某种原因,它什么也没显示。感谢Vuex,我可以看到该突变有效,因为在Google Chrome的控制台上,我可以看到对象数组。但是正如我说的,它仍然没有显示桌上的任何东西,甚至说“没有可用数据”。...
  • Vuejs SPA动态主题

    我有一个已构建的Vuejs单页应用程序,我想添加用户可切换的动态主题。用户在某处或某处有按钮的地方,他们可以单击“浅色”或“深色”主题选项,整个应用程序立即更新。我还希望所有“主题” scss文件都位于本地。 This answer here is the closest I've found so far, but the themes are not local. const themes = { flatly: "https://bootswatch.com/4/flatly/bootstrap....
  • 为什么这个简单的VueJS组件模板呈现在表格上方DOM中的不正确位置?

    下面提供的示例并不是实际的有问题的代码,但出于在此讨论的目的,我尽可能地简化了代码。 破例 以下代码呈现了一个表,但在视觉上以及在DOM中检查它时,都意外地将Component值放在table元素上方: <html> <head><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head> <body> <div id="app"> <table border="1"> <tr><td>A...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部