vue2 - 父子组件在生命周期传值，无法获取数据
摘要：排查因素：是否是生命周期问题？ 情况：父组件mounted时期获取值传递给子组件，子组件无法在生命周期内获取！ 原因：生命周期创建流程为create(父）=>完整生命周期（子）=>mounted（等父生命周期），因此mounted在子组件生命周期之后，因此无法获取 解决：1.通过computed进行
阅读全文
posted @ 2023-07-06 15:05
随笔分类 - vue
解决vue2中methods写的方法无法使用箭头函数
摘要：1.情况：在method写递归函数，函数内使用了this.变量，报错变量为undefined，原因是function内this指向改变，因改写为箭头函数，使其this不被改变， 但是methods内又无法写箭头函数 2.解决：使用var获取this，供函数内使用
阅读全文
posted @ 2023-06-17 15:15
vue查漏补缺
摘要：1.动态参数属性：:[] <div :[atrr]="width:100%"></div> <script> export default{ data:()=>( { attrr：’class‘ } ) } </script> 2.computed相对于method的好处在于有缓存，减少执行次数。
阅读全文
posted @ 2022-12-14 13:50
使用v-html指令的禁忌和解决xss注入攻击
摘要：1.由于v-html会执行所有的html代码，因此会执行所有可能带危险的html代码 2.在使用v-html时为了防止XSS攻击，可以安装 npm install xss 插件，但是我们在渲染富文本编辑的文章时，使用XSS会把除了标签和内容之外的所有东西都给过滤掉，如calss，style过滤掉，那
阅读全文
posted @ 2022-12-13 09:54
跨组件通信
摘要：1.$attrs A.使用场景（爷孙子组件通信） B.实现原理 a.$attrs作用：父子通信是父组件通过v-bind绑定一个数据传递给子组件，子组件通过props接收达到组件通信的目的。但是如果子组件不通过props接收的话，值会放在哪里呢？答案是存放在子组件自带的对象$attrs上面，因此可以理
阅读全文
posted @ 2022-08-25 16:56
vue插槽的使用
摘要：1.默认插槽：子组件留一个slot位置，父组件引用时候可以使用任意标签填入。 子组件： 父组件使用时： 2.具名插槽：根据名字匹配显示对应的插槽，不使用默认 子组件： 父组件使用： 3.作用域插槽：上面的两种插槽展示的数据, 都是放在插槽的使用者 About组件的data中的,但是我们有时候, 使用
阅读全文
posted @ 2022-07-15 15:41
Vue-store.dispath
摘要：store.dispath this.$set:要对象的属性进行操作并且视图层有相应的变化需要使用this.$set 由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视
阅读全文
posted @ 2022-03-23 10:58
