草庐IT

Vue——initEvents【六】

全部标签

javascript - Vue.js 交换数组项

在我的vue.js应用程序中,我尝试像这样交换2个论坛行:exportdefault{data(){return{forums:[]}},methods:{increment(forum,index){ForumService.increment(forum).then(()=>{letb=this.forums[index];this.forums[index]=this.forums[index++];this.forums[index++]=b;});}}}但是没有任何反应?我在这里做错了什么? 最佳答案 虽然@dfsq关于i

javascript - 在具有多个嵌套对象的对象中使用 Vue.set

我正在尝试使用Vue.set()更新Vue2中的状态对象。这是对象的样子:state:{entries:[//entry1fields:{someProperties:''//hereIwouldliketoaddanotherpropertynamed'googleInfos'}],[//entry2fields:{someProperties:''//hereIwouldliketoaddanotherpropertynamed'googleInfos'}]}到目前为止,我正在用这个突变更新它。我正在分别改变每个条目,因为它们有不同的内容。ADD_GOOGLE_INFOS(stat

学习笔记:深度学习(2)——BP神经网络

学习时间:2022.04.09~2022.04.09文章目录2.BP神经网络2.1理论基础2.1.1正向传播2.1.2反向传播2.1.3梯度下降补充:逻辑回归2.2BP算法原理2.2.1四个等式2.2.2推导和计算2.BP神经网络上一节了解了感知机模型(Perceptron),当结构上使用了多层的感知机递接连成一个前向型的网络时,就是一个多层感知机(MLP,MultilayerPerceptron),是一种前馈人工神经网络模型。单个感知机只能实现二分类问题,MLP引入了隐含层(HiddenLayer),可用于多分类。而BP神经网络,就是在MLP的基础上,引入非线性的激活函数,加入了BP(Bac

JS—节流与防抖

一、js防抖和节流在进行窗口的resize、scroll、输出框内容校验等操纵的时候,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验,就可以采用防抖(debounce)和节流(throttle)的方式来到达这种效果,减少调用的频率。二、为什么滚动scroll、窗口resize等事件需要优化滚动事件的应用很频繁:图片懒加载、下滑自动加载数据、侧边浮动导航栏等。在绑定scroll、resize事件时,但它发生的时候,它被触发的频率非常高,间隔很近。在日常开发的页面中,事件中涉及到的大量的位置计算、DOM操作、元素重绘等等这些都

javascript - 如何在 Vue.js 中取消绑定(bind)数组副本

我正在尝试将一个数组复制到另一个数组并像使用新数组一样使用它,而不对旧数组进行任何更改:TestinputtestArray:{{testArray[0]|json}}templateArray:{{templateArray[0]|json}}newVue({el:'#app',data:{testArray:[],templateArray:[{name:"TEST"},],},ready:function(){this.testArray=this.templateArray.slice(0);},});问题是我正在更新新数组“testArray”,我还更改了旧数组“templa

javascript - 在 vue.js 中更新数据属性/对象

有没有办法以编程方式更新vue.js中的data对象/属性?例如,当我的组件加载时,我的数据对象是:data:function(){return{cars:true,}}在触发事件后,我希望data对象看起来像:data:function(){return{cars:true,planes:true}}我试过:module.exports={data:function(){return{cars:true}},methods:{click_me:function(){this.set(this.planes,true);}},props:[]}但这给了我错误this.setisnota

javascript - Vue.js 无法读取 null 的属性 'length'

如果我这样做:面板不会隐藏。如果我单独检查socialiteLogins===null,或者使用==,它们都会返回对象不为空。它绝对是空的。如果我将它转储到页面上,我会得到[]作为结果。它是一个空的json对象。所以如果我试试这个:面板仍然没有隐藏,我得到这个错误:Cannotreadproperty'length'ofnull但是如果我这样做:它完美地隐藏了面板,在初始加载时没有任何警告,但是当我稍后更新socialiteLogins变量时,如果它再次返回一个空的json对象,我会收到长度警告。知道为什么吗?编辑:添加到它...如果我这样做:它在初始加载时显示,即使没有,但如果我在页

javascript - ChartJS——有没有办法去除饼图周围的空白区域?

我正在处理一个图表,该图表在左侧和右侧有不需要的间距。我一直试图在没有运气的情况下删除它,我不知道现在还能做什么。我已经仔细阅读了文档,但似乎找不到解决方案。这可能吗?如果需要更多信息,请告诉我,我会提供。编辑:vargender_data=[10,35];vargraph_gender_preset={labels:["Female","Male"],datasets:[{data:gender_data,backgroundColor:["#0fa0e3","#ff3549"]}]};varctx3=$("#chart-gender");varchart_gender=newCha

javascript - 如何将 vanilla .js 添加到自定义 Vue 组件

我正在尝试添加一个简单的date-picker到自定义vue组件。我没有使用webpack,所以我想避免使用现成的.vue组件,我更愿意了解如何将简单的javascript添加到vue。我正在关注thisofficialvuetutorial我也看过thiscodepen但我无法让日期选择器出现。这是我的jsfiddle:HTML:应用程序.js:Vue.component('date-picker',{extends:Flatpickr,mounted(){this.Flatpickr(date-elem,{})}})如何在不需要.vue文件、webpack等的情况下轻松地将vani

javascript - 单击按钮时 Vue : How to call . focus()

我昨天才开始使用vue.js编码,我不知道如何在不使用“传统”JS方式(即document)的情况下“关注”文本框。getElementById('myTextBox').focus().最初,我的文本框是隐藏的。我有一个“开始”按钮,当用户点击它时,会显示文本框,我想在那里设置focus,可以这么说。我已经尝试使用ref,但无济于事(请参阅下面的代码)。HTML:Javascriptexportdefault{name:'game',methods:{startTimer(){setTimeout(function(){/*.focus()won'tworkwithoutthis*/