- 博客(25)
- 收藏
- 关注
RSS订阅
原创 Vue子传父详细教程
子传父通过自定义事件，this.$emit（"自定义方法名1"，需要传的值）进行传值。本文父组件：shopping.vue子组件：shoplist.vue1.第一步，在父组件中引入子组件（父组件内）import shoplist from '../shoplist.vue'2.在子组件内定义数据（子组件内）data() { return { children:"this is children" };......
2022-05-05 18:41:16
32976
5
原创 踩坑记录（vue3路由跳转，路径改变了但是页面还是空白）
部分原因：在template标签内部写了注释，猜测原因，template标签内部只能有一个一级标签，但是加了注释之后会将注释也识别为标签，所以跳转成功但是页面还是显示空白的，该原因在控制台不会报错。
2024-07-15 17:29:16
423
原创 使用watch监听props接受的值(踩坑记录)
1.props很简单,是子组件用来接收父组件的值的2.watch,也很简单,是vue的监听属性,用来监听值的变化3.但是我将两者联合起来用的时候发现watch,监听不到props的值的变化最后猜测是否是因为props的传值有问题,经过测试,传的值是没有问题的,在页面使用{{}}问题在于props接收的数据类型是Object,那么我改变watch的写法,猜测问题所在,当watch监听值为对象的时候,可能只能监听到属性名的变化,监听不到值的变化,仅为猜测,如有知道具体问题的可以评论回复一下,谢谢
2023-04-29 16:47:07
2397
1
原创 uniapp封装获取经纬度js
首先随便一个目录下创建一个js文件，将下列代码复制进入js文件中。然后，在需要获取经纬度的页面引入该方法。注意：路径是自己创建js文件的路径。其次就是调用该方法即可。
2023-04-26 17:20:55
224
原创 colorUI最新文档地址colorUI-GA文档地址
但是在查看过程中我发现colorui在插件市场中是不更新的，最新一版的更新是在2019年，但是在这个过程中我有发现了colorui可能是又开了一个新项目叫colorui GA，这个项目是处于更新状态下的，不过没有发布在插件市场，需要自己去github下载源码，文档内也有教程。最近想用colorui开发项目，但是没有使用经历，就想着去找找文档看下，地址如下。
2023-04-26 17:20:10
1878
原创 自定义组件如何使用v-model,v-model的双向绑定原理(详细)
然后在子组件通过触发this.$emit('input', value)子传父将值传回给父组件。v-model的底层实际上就是:value='value' 将父组件的值传递给子组件。v-model的双向绑定原理其实很简单,在父组件内引入子组件并使用。
2023-04-26 16:44:24
981
原创 uniapp使用云环境进行云开发
uniapp使用云环境进行云开发1.客户端调用云函数（呼叫云服务器）2.云函数响应客户端呼叫（1）、查询（2）、修改（3）、添加
2023-04-04 12:00:03
407
原创 vue和uniapp获取函数内部变量
vue和uniapp获取函数内部变量，获取函数内部变量原本只需要直接在函数内部return,然后直接调用函数就会返回数据,但是我在使用uniapp去引入外部js文件调用函数的时候这个方法并不奏效,所以用了另外一个方法,也就是调用函数的时候传递一个参数(箭头函数)过去
2023-04-04 11:43:16
686
原创 vue收集表单数据小技巧
vue收集表单数据小技巧1.不需要实时刷新v-model的绑定输入的数据2.规定输入的值为数字3.过滤掉form表单中的首尾空格
2022-05-06 21:32:31
391
原创 Vue父传子详细教程
本文父组件：shopping.vue子组件：shoplist.vue1.父组件引入子组件1.1.引入组件import shoplist from '../shoplist.vue'1.2.注册组件components: { shoplist }1.3.使用组件<shoplist></shoplist>2.父组件定义数据2.1.定义数组 const shoplistarr = [{...
2022-05-05 09:49:15
16347
原创 原生js手动编写轮播图
1.导入jquery下载地址：Download jQuery | jQuery2.编写html3.编写css4.编写下一张方法5.编写上一张方法6.编写一个定时器，每秒调用一次下一张方法7.效果
2022-04-23 15:43:40
1386
原创 用jQuery和js判断鼠标的滑动方向
判断鼠标的滑动方向需要用到鼠标的两个事件一个是鼠标的按下事件：mousedown一个是鼠标的松开事件：mouseup本文使用了jquery，不使用jquery可以使用原生js获取html的元素1.设置一个div2.获取鼠标按下位置的X轴$(document).ready(function() { $("#demo").mousedown(function(e) { var a1 = e.screenX; ...
2022-04-22 20:21:14
3490
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人