vue
文章平均质量分 54
jiajia_Chen
低头写码
展开
-
vue中组件传值的五种方式
vue组件传值的五种方式方法一 props传参父组件<template> <div class="container"> <div>我是父组件</div> <Son str="字符串" :num="5" :obj="{ name: '对象信息' }" :func="() => {this.list()}" :arr="arr" ></S原创 2021-07-30 18:04:00 · 1854 阅读 · 0 评论 -
为什么使用v-for时必须添加唯一的key?
v-for中的key使用v-for更新已渲染的元素列表时,默认使用就地复用策略,列表数据修改的时候,它会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则就地复用之前的元素;我们在使用的时候经常会用到index(即数组的下标)作为key,但其实这时候不推荐的一种使用方法。举个????const arrList = [ { id:1, name:'test1' }, { id:2, name:'test2' },原创 2021-07-29 14:02:13 · 399 阅读 · 0 评论 -
vue防止按钮多次点击
1.新建 directive.jsimport Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true原创 2021-07-15 14:33:40 · 313 阅读 · 0 评论