- 博客(228)
- 收藏
- 关注
RSS订阅原创 关于双向绑定
想实现双向绑定是为了避免下面的情况：比如子组件更新数据后，父组件没有对应的更新，造成错误。或者页面比较复杂的时候，遗漏手动更新。
2024-02-28 13:13:12
879
1
原创 vue3中的emits的简单记录
之前是在@click指定的事件中通过this.$emit方式指定触发，现在可以直接在@click中指定触发，比如。可以理解为，在子组件中，将要发送的函数在emits中集合声明了一下，在指定的时候，指定父组件要声明触发哪一个。子组件的onClicks的事件中，使用this.$emit指定父组件要声明的事件。子组件向父组件传递数据，或者子组件点击的时候，触发父组件的函数，使用方式。在父组件中，声明要触发的函数，执行methods中的函数。官方文档有两种写法，一种数组形式，一种对象形式。
2024-02-23 11:39:50
420
1
原创 vue项目引入element-plus
引入成功后，运行起来会改变我们的main.js文件和App.vue文件，需要注意重新加载，然后按自己的需求进行修改。
2023-11-23 12:45:20
214
原创 创建vue项目体验
如果想首页想直接显示router中配置的 ‘/’ 路径指定的页面，那么要在App.vue中留一个router-view来占位，将会把’/’ 路径指定的页面加载进来。router-link相当于一个a-href链接，点击的时候，指定的页面会加载到router-view的位置。此时再次运行项目，比如，然后访问地址后加上router中定义的地址，就会访问到对应的页面，比如原来的访问是。router的index.js中配置router。一般的，首页是显示的App.vue的。当运行项目的时候提示。
2023-11-23 11:09:29
263
原创 uniapp 小程序 全局弹窗 每个需要使用的页面都不用再引用
使用全局组件，先声明全局组件与普通的组件声明不同之处在于1：目录形式2：声明引用方式。
2023-09-11 15:36:12
2089
3
原创 uniapp checkbox radio 样式修改
我们要设置的话，就要设置checkbox::before的属性。其中的content表示内容，比如内部的对勾。不会影响指定属性为false时候的样式。before部分是设置样式的主要属性。
2023-07-28 10:27:56
1547
原创 css的clip-path学习
由此知道，设置的三个点，第一个是【x轴的50%，y轴的0%处】，第二个是【x轴和y轴的100%，也就是原图的右下角】，第三个是【x轴的0%，y轴的100%处，也就是原图的左下角】首先要有一个概念：原图的左上角坐标是(0,0)，右下角坐标是（100%,100%），后面的值都是在这个基础上设置的。x轴半径为x轴的20%，y轴半径为y轴的50%，圆心在于原图的【x轴的50%，y轴的50%处】。半径为30%，圆心在于原图的【x轴的20%，y轴的20%处】。四个值的话，就是左上，右上，右下，左下的圆角度数。
2023-05-11 18:02:46
555
1
原创 关于uniapp使用checkbox/radio 在小程序中，color属性无效
使用Uniapp编写小程序，使用checkbox，按照文档，使用color来设置颜色，但是运行后还是默认的绿色，需要修改颜色。在App.vue的style标签中，指定组件的属性，比如。
2023-05-04 16:29:03
1391
2
原创 css befor after伪元素学习
如果是图片，需要使用到background-image，注意属性设置，比如display，宽高，background-image的值的写法，简单来说就是：原来这里有个区域，是要渲染p的内容的，现在在这个区域前面又划分了一块区域，渲染了before的内容，after同理。这样写的效果是：比如原来只是渲染p的内容，现在在p所在的区域内，在p的内容前会渲染before的内容。content内容可以直接写文字；在指定的元素标签前后增加一些内容，使用到伪元素，比如。
2023-04-27 11:07:24
90
原创 百度图片识别，Android使用时遇到“error_msg“:“image format error“,“error_code“:216201
同一个图片文件，在示例代码中显示请求正常，但是在自己的应用中报错。最后将image的base64参数进行再处理。
2023-04-21 10:01:18
1072
2
原创 uniapp 页面跳转链接
如果我们希望手动触发跳转，那么就不能使用 u-link ，而是使用 view 设置点击事件。使用uview的 u-link 元素 来设置跳转地址，显示文字。使用window.open( url ) 的方式打开链接。但是使用微信，点击链接调往公众号页面，就有关注按钮。H5页面调用链接跳往公众号关注页面，没有关注按钮。测试后，发现IOS系统无效。的方式实现了手动跳转。
2023-03-23 19:05:26
518
原创 vue使用vue-property-decorator，typeScript，自定义组件
vue-property-decorator，typeScript，自定义组件
2022-12-07 16:07:52
1252
原创 uniapp 深度选择器 ::deep
文章目录使用场景解决方式使用场景引入使用了第三方的组件，想修改它的样式，找到其class名称，然后在style中重写该class，无效原因：可以查看下面的文章官方的解释解决方式比如我使用的是u-grid，看到它的class的层级是：<...u-grid...> <...u-grid-item...> <...u-grid-item-box...> ... ...我要修改的是u-grid-item-box的内联样式的padding属性使用深
2022-05-18 14:07:14
10117
原创 uni使用的一些坑
文章目录相关问题记录解决方式相关this.$nextTick相关问题记录问题解决方式使用uni.createSelectorQuery的方式获取指定组件的信息不执行放在this.$nextTick(function(){…})中执行解决方式相关this.$nextTick官方例子：简单理解为：修改数据的时候，不会立马提现在页面上，如果要获取修改后相关的信息，需要使用到nextTick，将function中的操作延迟到DOM更新后，此时再获取信息就是新的信息
2022-04-22 09:14:49
1052
原创 Android compose 可观察状态
文章目录创建可观察状态mutableStateOf和remember:使用注意点：简单的理解，状态就是一些变量，这个变量不同的值会引起页面的变化compose中，这个变量必须是可观察的，才能自动引起页面的变化创建可观察状态官方介绍：在可组合项中声明 MutableState 对象的方法有三种：val mutableState = remember { mutableStateOf(default) }var value by remember { mutableStateOf(default
2022-03-11 10:34:43
2689
原创 Android recyclerView动态设置item内部控件宽高 ScrollView嵌套RecyclerView滑动卡顿解决
文章目录recyclerView动态设置item内部控件宽高ScrollView嵌套RecyclerView滑动卡顿解决recyclerView动态设置item内部控件宽高方法：使用的BaseQuickAdapter，在covert方法中，可以通过view.addOnLayoutChangeListener的方式拿到该view的老的信息和新的信息，从而计算出尺寸ScrollView嵌套RecyclerView滑动卡顿解决我们重写recyclerView设置的layoutManager，比如Linea
2022-03-03 15:09:53
2609
3
原创 Androidx 与 support
参考文章1：support是兼容库，且v-4,7等一直更新，改名更新较快，后来命名为androidx，更新放入androidx2：不可共存3：as提供了一键迁移4：gradle.properties文件中配置依赖
2022-02-16 09:18:55
1294
原创 Android的popupWindow遮罩穿透问题
文章目录遇到的问题：使用FrameLayout写组件，内部包含一个列表和列表上的遮罩层，在页面有popupWindow展示的时候，显示遮罩层；popupWindow消失的时候，隐藏遮罩层。设置的popupWindow.setOutsideTouchable为true，点击到遮罩层，此时popupWindow消失，但是点击会穿透到列表，触发item的点击事件例如：解决方式：1：view_mask为遮罩层，设置了clickable为true。2：需要设置popupWindow.setFocusa
2022-01-06 11:07:47
2474
原创 uniapp自定义模板再学习-触发事件
文章目录props$emit文章介绍了基本的自定义组件的使用，发现也只是声明了属性，事件没有声明。props既然能用props声明属性，那么是否可以来声明调用的函数呢？就找到了vue关于props相关的官方文章但是尝试使用的时候不得其法。然后去找了第三方组件的写法$emit最后尝试到了正确的写法，如下<image :style="{width:width+'', height: height+''}" :src="src" @tap="click" @tap.stop="stopcl
2021-11-25 15:21:37
1494
原创 uniapp配置全局变量与方法
当需要复用一些值或者方法的时候，我们可以采取全局声明的方式来实现复用。这样做的好处是可以减少代码量，同样的功能可以集中处理，方便修改维护文章目录全局声明相关的概念Vue.prototype挂载export default声明调用全局声明看了各种说明和文章，要想集中复用某一个方法，方式有：单独的js文件，在使用的页面中以import的方式引入调用main.js中进行挂载，在使用的时候不需要进行引用可以直接调用。如果不想用import的方式引用，那么基本绕不开main.js相关的概念Vue.
2021-11-16 14:10:01
1707
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人