- 博客(7)
- 收藏
- 关注
原创 解决Vue3响应式布局的一种方法,基于vuex的一种解决办法
简单解释一下,就是一个数据是响应式的数据,我可能想做可持续化存储,把它放到sessionStorage中,在另一个页面我想要拿到这个数据,如果我直接去拿,可能破坏了它的响应式,如const a = localStorage.getItem('id');或者const a = ref(localStorage.getItem('id'))直接给它加上一层ref,大家感兴趣可以去看看ref的用法,后期我可能会出一期。这样在另一个页面去渲染这个a,想去改变这个存储的数据的时候让a也发生改变,测试的结果是不会发生视
2024-06-30 13:50:58 537
原创 vue组件通信系类之父子传参
我这里用通俗的语言解释一下emits(defineEmits)的用法,子传父的用法,就是父亲先定义好给钱函数giveMoney()在执行到儿子组件的时候@giveMoney="giveMoney"相当于把父亲组件的给钱函数传给儿子,儿子用defineEmits(['giveMoney'])去接收,此时在儿子组件中定义一个点击事件,触发要钱函数NeedMoney(),NeedMoney()触发父亲传过来的giveMoney()函数,并携带传输传给父亲,让父亲执行给钱函数giveMoney()。
2024-03-07 21:16:59 775 1
原创 uniapp转微信小程序登录弹窗的跳出
store.commit('userInfo',res.data.data)//提交请求回来的数据给store存储。code: that.$data.code,//这里是最上面那个函数采用第二种赋值的方式。if(store.state.openid){//判断是否有openid,若有openid就直接跳转。that.toindex(that)//跳转到另一个页面的函数。send(e)//这个函数主要是用来向后端发请求的。that.toindex(that)//跳转到另一个页面的函数。
2023-12-23 16:17:32 1380 1
原创 vue3中在响应式对象中添加属性,或在响应数组中添加属性
第一个参数是响应对象,第二个参数是新属性的名字(比如image),第三个参数是新属性的值。//确保对象是响应式的。//确保对象是响应式的。下面是我写的完整版的代码。
2023-11-09 22:18:53 2608
原创 vue2中在组件中拿到store分支中state的属性
vue组件拿到store分支的state中的属性,可以采用mapState(['模块名']),this.模块名.属性名和this.$store.state.模块名.属性名,在模板中{{ 模块名.属性名 }}或者{{ $store.state.模块名.属性名}}
2023-10-09 16:21:40 403 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人