• [Vue警告]:v-on处理程序中的错误:“ TypeError:无法读取未定义的属性'scrollLeft'”

    我在尝试在VueJS和Laravel中进行轮播时遇到问题。我从另一个项目中直接获取了代码,并安装了需要更确切地说是相同版本的依赖项。在家里,我会与另一个文件一起调用该文件,但该调用取决于但在单击以移动该转盘时。它给了我标题中已经提到的错误。函数是我不解释错误,因为一切似乎都很好。 这是家用旋转木马的代码: <div class="carousel"> <button aria-label="Previous" type="button" class="carousel__nav carousel__na...
  • 组件中映射的vuex吸气剂未更新

    我在vuex商店中有一个吸气剂,它从商店状态返回一个数组列表。我正在通过从组件调用的操作中的突变来更新存储状态,即使商店的getter被更新,而组件中的映射的getter也不使用最新数据进行更新。 套件版本 “ vue”:“ 2.6.11”, “ vuex”:“ ^ 3.0.1” index.js import Vue from 'Vue' import Vuex from 'vuex' import '@styles/contact-list.scss' import List from '@compon...
  • 如何告诉Vuejs查看子数据条目

    我正在建立一个网站,将数据保存在.js文件中,然后通过mapstate将其导入到vuejs文件中。 我的产品部分中有两张相邻的卡片。我目前的问题是,在我的.js文件中,我希望vue在数据对象内查找数据对象,因此,如果有2个以上的对象,它将创建第3张卡片。 这是我的.js文件中的产品部分,可用于调用数据。 "products": [{ // Everything to do with the Prodcuts section //Page he...
  • v-for循环不返回数据Vue.js

    我是Vue.js的新手,并且正在学习教程。我正在尝试使用下面的json中的数据进行v-for循环。但是,在div和页面中均未呈现任何内容。我找不到任何语法错误。有人可以帮忙吗? <body> <div id="app" v-for="item in products"> <img :src="item.img" :alt="item.img" style="width: 250px; height:250px"> <h1>{{item.name...
  • java.lang.IllegalStateException:存在int'numBookmarks',但是由于被声明为原始而不能为null

    我不太了解这个问题的含义,可能非常简单。该错误发生在browser.js中,但我可以肯定它与ScholarshipController.java有关 作为参考,我正在创建一个Spring Boot应用程序,并试图创建一个补丁请求来更改numBookmarks。 Below is the error I received when running it. Click Here Browse.js是使用fetch访问的调用补丁方法的文件。 const apiURL = "http://localhost:808...
  • 如何使用vue动态更改所选值?

    我正在努力根据我使用vue选择的内容进行几个月的更改,如以下链接上的代码所示。 <div id="app"> <span class="selectboxWrap"> <select v-on:change="changeSearchMonths" ref="comCd" v-model="searchParams.searchTaxTerm"> <option value="1">1</option> <option value="2">2</option> ...
  • laravel + vue项目中未显示fontawesome图标

    我正在使用php和laravel,mix,vue,webpack和fontawesome图标开发一个网站。问题是图标未显示。我检查了构建的app.css文件,看了字体和所有样式。我花了几天的时间弄清楚是什么原因,但没有任何线索。 app.scss // fontawesome @import "~@fortawesome/fontawesome-free/scss/fontawesome"; //@import "~@fortawesome/fontawesome-free/scss/brands.scss...
  • 为什么在单击另一个复选框时未选中我的复选框? (Vue,CSS)

    I'm learning Vue and set myself the task to create a to do list. To make it prettier, I wanted to style my checkboxes and used this link as a basis. 基本上可以正常工作:我可以单击未完成的任务来完成它们,反之亦然。但是,如果我单击已完成的任务,则下一个已完成的任务(如果有)将获得未完成任务的样式(同时正确地留在已完成的部门中)。看起来像这样: 我不知道为什么会...
  • 使用v-for获取元素的唯一ID并访问CSS中的特定ID

    我试图用唯一的ID标识v-for指令的每个元素,因此我可以使用ID访问HTML对象并更改其CSS。 目前,这是我的Vue HTML。 <!DOCTYPE html> <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="utf-8" http-equiv="encoding"> <script type="text/javascript" ...
  • 用Jest进行Vue单元测试-意外的令牌导出

    我正在尝试用玩笑和vue测试工具来测试我的vue应用程序。香港专业教育学院根据文档安装了它,但是在运行测试时抛出此错误: H:\dev\app\vue\node_modules\vuetify\lib\index.js:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){export * from './components'; ...
  • nuxtjs页面在nuxtServerInit完成之前渲染表达式

    我正在使用nuxtjs开发我的应用程序,如果请求已经具有cookie ['token'],我希望页面呈现userinfo。我发现页面在nuxtServerInit完成之前呈现了表达式。 我该如何解决这个问题? 商店/index.js export const state = () => ({ user: null, token: null }); export const mutations = { saveUser(state, userValue) { cons...
  • 错误:请求失败,状态码为419

    我们使用“ laravel new example --jet”创建了新的laravel项目。还安装了“ tcg voyager管理面板”,然后安装了“ sanctum”。 我们正在使用“ vue cli”作为SPA客户端。 伺服器网址:127.0.0.1:8000 客户端网址:localhost:8080 config / cors.php路径:“ api / *”,“ sanctum / csrf-cookie”,“登录”。 我们确实遵循以下文章: https://blog.codecourse.com...
  • 当我将数据从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...
公告

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

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