神采飞阳

摘要： 可以用来写根据屏幕的尺寸改变相应的css样式。 比如： <div class="test"></div> .test { width: 200px; height: 100px; border: green 1px solid; margin: 0 auto; @media screen and ( 阅读全文

摘要： 不要通过为value值赋空字符串来实现清空效果，要赋值undefined的来实现清空。 阅读全文

摘要： ::v-deep(.类名称){ padding: 20px 24px 0px 24px; } 写多个类名时，中间不可以有空格。 阅读全文

摘要： parseInt和parseFloat这两个方法除了可以转化数字还可以起到提取数字的作用但必须是数字开头的，否则返回NaN. const str = "123abc"; const str2 = "a123bc"; console.log(parseInt(str)); //123 console. 阅读全文

摘要： 使用undefined来清空，不要使用空字符串 我当时用来重置表单时是使表单中的每个数据等于空字符串， 1 Object.keys(datas).map((item) => { 2 form[item] = ""; 3 }); 如果表单中是input输入框组件不会有什么问题，但如果有Select 选 阅读全文

摘要： 在父组件中const handleFunction= (e) => { 相关代码};provide("handleFunction",handleFunction); const fn = inject('handleFunction',Function,true); 然后调用方法fn fn(参数) 阅读全文

摘要： 可以使用v-model来实现，当然也可以不适用v-model。v-model其实是一种简写形式。 <Component v-model="faData" /> 与下面一样 <Component :modelValue="faData" @update:modelValue="faData = $ev 阅读全文

摘要： https://animate.style/动画库的官方网址。在首页可以看到各种动画的名称，点击一下可以预览动画的效果。 安装 有三种方式：npm $ npm install animate.css --save yarn： $ yarn add animate.css CDN 直接添加到网页： < 阅读全文

摘要： 当接口返回的数据有很多条数据需要使用到插槽进行相似的处理时，可以使用v-for对插槽进行循环。 <template v-for="name in ['a','b','c','d','e','f',]" #[name]="{record}" :key="name" > {{record.dataLis 阅读全文