为什么在vue中event.clientX获取不到

为什么在vue中event.clientX获取不到,第1张

你的代码第一次能用是因为event是有效的,不知道你如何调用的,但是看名字应该是响应的一个onclick消息,第二次你在setinterval中调用的click_it,这个时候event是无效的,因为setinterval并不会创建消息

IE内核的浏览器中event只在onclick或者onmouseover等事件响应函数中才有效,你用setInterval调用的时候event并不会被赋值,也就没有clientX这个成员变量,所以就会报错,原因就是这样,如果你需要解决方案,继续补充问题

换成按钮点击的方法这种说法我不是很理解,手动创建事件是很复杂的,你不妨告诉我你要实现什么效果,我好告诉你最直接的解决方案

哦,原来是drag啊,你需要注册三个事件,mousedown,mousemove,mouseup,在mousedown中取得鼠标的位置,算出相对div的偏移,然后在move的过程中根据偏移和鼠标位置不断的改变div的坐标,在mouseup里中止拖动(设置一个标志位就可以了,isDragging,默认false,mousedown就设置成true,move里面判断是不是true,如果是就让div跟着走,不是就不管,up里面重新设置为false)

methods中给data中的变量赋值了,consolelog可以输入新值,但是在页面上用{{}}取不到新值还是初始值

解决方法:

本来只需要用到对象res[i]中的两个属性,就单独赋值了,但是这样不显示;改为直接给最外层对象rule_data赋值,可以显示。

不知道为啥。

开发中遇到一个问题,前端调用接口createMethod,数据传不到后台,后台获取到的是一串url路径:

 

 

后来发现是因为接口写的不对,不应该写params:data,而是应该直接写data

浅谈Django前端后端值传递问题

9下载·0评论

2021年1月19日

解决 Vue 组件传值过程接收不成功的问题

2383阅读·0评论·2点赞

2022年3月31日

Vue项目宝塔部署Nginx跨越解决访问不了后端问题

491阅读·0评论·0点赞

2022年11月1日

vue 数据库 登录界面_vue实现的上传到数据库并显示到页面功能示例

1445阅读·0评论·0点赞

2021年1月30日

VUE 解析 EXCEL 并将数据导入到数据库

702阅读·0评论·0点赞

2022年8月12日

使用Vue,Element-ui导入Excel并预览显示数据,并经数据保存传至后台数据库

5324阅读·11评论·5点赞

2020年5月22日

轿车轮胎质量排名

精选推荐

广告

Vue向后台接口传参为什么会出错或者传不过去

1279阅读·1评论·0点赞

2021年7月29日

关于vue中利用axios常用的表单提交以及文件上传如何传递参数给后端的详解

4941阅读·1评论·11点赞

2021年8月16日

vue传递参数到后台_java后台接受不到vue传的参数

2129阅读·0评论·3点赞

2020年12月19日

VUE前端项目,访问不到后台

1774阅读·0评论·0点赞

2021年4月12日

关于页面带值跳转,获取不到所传递的值

642阅读·0评论·0点赞

2017年12月10日

vue实现简单分页功能,后台只需要传一个总数

1530阅读·0评论·4点赞

2019年10月17日

在vue中如何实现前端导入文件发送给后端进行数据库记录的批量添加

1684阅读·0评论·0点赞

2021年12月12日

vue前端向后端传递参数

11W阅读·0评论·7点赞

2021年7月5日

el-pagination遇到pageNum从0开始给后台传值问题

218阅读·0评论·0点赞

2022年1月12日

vue 中 [ __ob__: Observer]数组不能被后端接收问题解决

785阅读·0评论·0点赞

2021年4月28日

前端访问后端接口,后端没有接收到值,或者访问后端没反应,调试也没进来

9142阅读·0评论·1点赞

2021年11月2日

jsp页面隐藏域的值无法传入后台

944阅读·1评论·1点赞

2019年3月26日

前端如何调用后端接口进行数据交互(极简)

28W阅读·7评论·53点赞

2022年3月18日

前端传来的参数后端无法正确接收

5579阅读·0评论·1点赞

2022年4月11日

去首页

看看更多热门内容

当我们需要从父组件向子组件传递数据时,会使用 props。想象一下这样的结构:有一些多层级嵌套的组件,形成了一颗巨大的组件树,而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下,如果仅使用 props 则必须将其沿着组件链逐级传递下去,这会非常麻烦:

在这里插入描述

注意,虽然这里的 < Footer> 组件可能根本不关心这些 props,但为了使 < DeepChild> 能访问到它们,仍然需要定义并向下传递。如果组件链路非常长,可能会影响到更多这条路上的组件。这一问题被称为“prop 逐级透传”,显然是我们希望尽量避免的情况。

provide 和 inject 可以帮助我们解决这一问题。 一个父组件相对于其所有的后代组件,会作为依赖提供者。任何后代的组件树,无论层级有多深,都可以注入由父组件提供给整条链路的依赖。

vue+vuex+axios从webpack-server获取模拟数据存入vuex并取回展示到页面

时间:2017-03-23 20:09:04

                        阅读:426

                        评论:0

                        收藏:0

                        [点我收藏+]

             

标签:errno   文件中   div   第一个   渲染   getter   fun   pes   vue

在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话,有必要考虑引入vuex来管理这些凌乱的状态,今天这边博文用来记录这一整个的过程,后台api接口是使用webpack-server模拟的接口,这个前面的文章中有提到,需要的可以去翻阅。

整个的流程是在组件的created中提交dispatch,然后通过action调用一个封装好的axios然后再触发mutation来提交状态改变state中的数据,然后在组件的计算属性中获取state的数据并渲染在页面上

首先新需要在项目中安装vuex:

运行命令 npm install vuex --save-dev

在项目的入口js文件main.js中

import store from ‘/store/index‘

并将store挂载到vue上

new Vue({

el: ‘#app‘,

router,

store,

template: ‘<App/>‘,

render: (createElement) => createElement(App)

})

然后看下整个store的目录结构,modules文件夹用来将不同功能也面的状态分成模块,index.js文件夹是store的入口文件,types文件夹是定义常量mutation的文件夹

整个vuex的目录结构如下:

这里我新建了文件夹fetch用来编写所有的axios处理和axios封装

以上就是关于为什么在vue中event.clientX获取不到全部的内容,包括:为什么在vue中event.clientX获取不到、vue项目中data赋值成功在页面却不显示、vue中变量没有值不传给后端等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9572130.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存