随笔分类 -  vue相关知识点

开发中遇到的bug总结
element dialog 封装到子组件中（ .sync修饰符与$emit(update:xxx)）
摘要：原理：https://blog.csdn.net/weixin_46995731/article/details/109765940 1、父组件调用 // .async: 对prop进行“双向绑定<Dialog :visible.sync="dialogVisibleDemo" /> 2、子组件 < 阅读全文
posted @ 2022-01-20 11:35 张健华 阅读(420) 评论(0) 推荐(0)
查看更多折叠动画（中间内容高度不确定）
摘要：<template> <div class="catalogue"> <div class="box" ref="box" :style="boxHeight"> <div class="cont" ref="cont"> <li>1</li> <li>1</li> <li>1</li> <li>1 阅读全文
posted @ 2021-11-16 11:29 张健华 阅读(37) 评论(0) 推荐(0)
animate.css 实现 网页滚动指定位置添加动画
摘要：1、安装 npm install animate.css --save 2、main.js 引用 import animate from 'animate.css' Vue.use(animate) 3、使用 （新版本需要“animate_ ” 做连接） <img src="~@/assets/im 阅读全文
posted @ 2021-11-05 14:12 张健华 阅读(972) 评论(0) 推荐(0)
解决打包上线缓存问题
摘要：vue.config.js configureWebpack: { output: { filename: `js/[name].[hash].js`, chunkFilename: `js/[name].[hash].js`, }, }, 阅读全文
posted @ 2021-09-23 11:54 张健华 阅读(102) 评论(0) 推荐(0)
组件之间双向绑定
摘要：<!-- 子组件SelectArea --> <template> <div class="select-area"> <van-checkbox-group v-model="result"> <van-checkbox name="a">复选框 a</van-checkbox> <van-che 阅读全文
posted @ 2021-09-07 11:48 张健华 阅读(224) 评论(0) 推荐(0)
vue 防抖优化
摘要：<template> <div class="default"> <input type="text" v-model="keyword" @input="change"> </div> </template> <script> /** @description:文件描述 **/ export de 阅读全文
posted @ 2021-08-05 15:03 张健华 阅读(36) 评论(0) 推荐(0)
less配置全局公用变量文件，如何以变量的形式在html中 引入
摘要：一、在vue.config.js文件中 const path = require('path') const vars = path.resolve(__dirname, './src/assets/css/common.less') module.exports = { css: { loader 阅读全文
posted @ 2021-07-20 15:49 张健华 阅读(875) 评论(0) 推荐(0)
vscode保存后自动按eslint配置格式化
摘要：1、安装eslint、vetur和Prettier - Code formatter插件 2、在settings.json中配置 （文件 -> 首选项--> 设置 —> 右上角图标 ） 在settings.json中添加如下代码，保存即可 "editor.codeActionsOnSave": { 阅读全文
posted @ 2021-04-15 16:28 张健华 阅读(506) 评论(0) 推荐(0)
element form表单清空处理
摘要：出现bug情况：点击显示dialog弹窗，点击到有数据到，反显相关数据，点击没数据的，回遗留之前的数据 解决办法 在接口获取到的详情时候加 $nextTick 然后close 弹窗时候调用 resetFields 函数清空 阅读全文
posted @ 2020-12-02 15:14 张健华 阅读(4821) 评论(0) 推荐(0)