qq_59297167的博客

原创 父组件接收子组件传过来的值，如果值是引用数据类型，父组件修改这个值会有变和不变两种情况

emit() 接受时是浅拷贝的引用数据类型，那么父组件直接修改这个值子组件也会跟着改变。利用this.$refs.child.值=" " 来进行修改子组件。2 、如果接受是采用了深拷贝，那么直接改变就不生效，须在父组件引用的子组件加上 $ref="child"

原创 数据大屏轮播器获取数据后视图不更新

【代码】数据大屏轮播器获取数据后视图不更新。

原创 设置两行多列向右排列，超出部分向右滑动

要确保子元素的高度是父元素的一半。

原创 在uniapp中引入iconfont阿里巴巴矢量图标库

7、修改iconfont.css的路径，加上~@的形式。5、将以下几个文件赋值到static的目录下。1、登录之后找到自己想要的图标。4、下载font css到本地。6、在app.vue 中引入。3、添加到自己的项目中。

原创 vue2中配置环境变量

production env是不能变的后面的名称可以随便起。，开头必须是VUE_APP或者NODE_ENV才有效果。4、在package.json中进行如下配置。1、在项目的根目录下创建不同环境线的文件，3、在进行axios进行请求的时候使用。

原创 vue 子传父this.$emit(传递多个参数，参数1，参数2，参数3)

父组件接受并同时也要传递参数的时候，可以使用arguments来接受子组件传递过来的多个参数，这个接收到的参数是数组的形式，额外自定义的参数可以传递下来。

原创 uniapp实现相关元素的拖拽排序兼容app和H5

【代码】uniapp实现相关元素的拖动兼容app和H5。

原创 自定义进度条使用伪类元素实现

【代码】自定义进度条使用伪类元素实现。

原创 uniapp拖拽元素交换元素的位置，对元素进行一个排序，兼容H5和App。

2、 import Sortable from 'sortablejs'导入插件sortable。1、安装npm install sortablejs --save插件。4、App需要在创建一个script标签，lang=renderjs。

原创 uniapp中的服务协议与隐私政策固定在页面底部

【代码】uniapp中的服务协议与隐私政策固定在页面底部。

原创 创建uniapp的tabBar列表中间部分凸起

【代码】创建uniapp的tabBar列表中间部分凸起。

原创 uniapp点击倒计时获取验证码

【代码】uniapp点击倒计时获取验证码。

原创 uniapp中引入一个公共组件，组件中嵌套web-view引入html页面如何实现页面之间传值

Phone='+encodeURIComponent(this.number)通过url可传递字符串，在html中使用uni.postMessage({data: {msg: 1}})传递参数。在H5与app中获取值的方式不一样。当有多个字符串传递的时候。

原创 vue页面引入一个公共组件，实现切换页面重新加载这个组件

公共组件中使用v-if控制一个变量forceRefresh。在Dom更新结束之后的延迟回调函数中设置这个变量为true。data中默认这个变量的值为true。在生命周期onShow中。

原创 uniapp中vuex中实现数据的持久化

原创 获取浏览器摄像头和麦克风，各大浏览器的兼容问题

console.log('最新的标准API',navigator.mediaDevices.getUserMedia);console.log('webkit核心浏览器');console.log('firfox浏览器');console.log('旧版API');

原创 uniapp 中设置本地推送，（需要在开发者中心进行配置）

监听到有消息通知来的时候，点击可进入当前页面。

原创 uniapp 的App，实现在运行程序之前获取权限

1、在manifest.json 中勾选APP权限配置中需要勾选的相机麦克风风权限。2、可参考原生Android。在需要调用权限的地方引入。

原创 web-view如何控制大小不让其全屏展示，控制显隐。

当监听到消息需要显示的时候，可以获取当前的web-view对象this.$parent.$scope.$getAppWebview()或者this.$scope.$getAppWebview()通过setStyle来设置宽高。uniapp中可以使用v-if来控制显隐，但是不符合需求，即使不显示也要执行web-view嵌套的html文件，这个时候v-if就不行了。

原创 module.exports和exports的区别：

module.exports和exports在本质上是一样的，exports指向的是module.exports创建对象的引用对象的地址，假如先赋值给一个变量，再将这个变量赋值给exports。此时exports的指向发生改变，不能获取到module中的值。

原创 elementui 中输入框中聚焦之后边框样式的修改

重写el-input__inner:focus即可。

原创 动态设置style属性

多个变量根部布尔值来判断。在data中定义一个变量，里面可以写属性值。

原创 uniapp密码验证

data中的表单数据和验证规则。

原创 app项目+uniapp+uni-ui

新建------>项目uni-app----->填写项目的名称---------- >uni-ui框架------->vue版本2.0-------> 点击创建即可。

原创 vue中页面刷新回到顶部、不同页面跳转之后回到顶部

【代码】vue中页面刷新回到顶部、不同页面跳转之后回到顶部。

原创 video-play插件的使用

点击视频区域的X关闭按钮时，需要阻止事件冒泡。点击关闭按钮回到初始状态。

原创 vue页面跳转之后位置还在上一个页面的位置

【代码】vue页面跳转之后位置还在上一个页面的位置。

原创 在有二级路由的情况下，一级路由点击也要完成相应的页面跳转。

直接就可以完成页面的跳转。在绑定的一级下拉菜单绑定。

原创 vue2中视频的播放

vue2视频播放

原创 Reacr-路由

react-router-dom

原创 【React】

less、scss深层渗透