摘要：ant-design-vue 之简单表格自定义表头和内容 使用到的API slots: { title: 'customnName' } 和 scopedSlots: { customRender: 'customAge' } <template> <div> <a-table bordered :
阅读全文
摘要：Vue 点击元素变色 <style> .activeClass{ outline: 2px solid #c0c0c0; background-color: #c0c0c0; } </style> <div id="app"> <ul> <li v-for="(item,index) in clas
阅读全文
摘要：ant-design-vue 之form表单选中select使用 01) 一般select @change="handleChangeFei" 可以获取key 和 val (默认有2个参数) handleChangeFei(value,option) { console.log(value, opt
阅读全文
摘要：JavaScript 中放大缩小transform: scale(1); 被scale放大的元素,看起来很大,但是实际占据的位置还是原来的大小 <style> .da-fei { width: 200px; height: 200px; background-color: #c0c0c0; outl
阅读全文
摘要：JavaScript 中 onwheel 鼠标滚轮事件wheelDelta 和 deltaY <style> .da-fei { width: 800px; height: 800px; background-color: #c0c0c0; } </style> <div class="da-fei
阅读全文
摘要：JavaScript中event.offsetX 和 event.offsetY 鼠标指针相对于目标节点内边位置的X坐标,Y坐标 [鼠标点击的位置] <div class="wrapper"> <div class="content"> <button class="button" onclick=
阅读全文
摘要：vue 中 实现一个简单的 echarts 01) vue 中 实现一个简单的 echarts <template> <div> <div id="charts_1" style="width: 500px;height: 500px;"></div> </div> </template> <scr
阅读全文
摘要：ant-design-vue 之upload 文件上传 01) 单文件上传 使用 :before-upload="beforeUpload" 和 @change="handleChange" <template> <div> <div> 图片名字: {{imgName}}</div> <br /><
阅读全文
摘要：es6 语法 01) 反引号使用变量 `${ let daFei = "test_反引号"; let foo = "hello"; let bar = "world"; let str = `${daFei}/${foo}/${bar}`; console.log(str);
阅读全文
摘要：ant-design-vue 之form表单中label-col和wrapper-col使用 主要代码: :label-col="{ span: 5 }" :wrapper-col="{ span: 15 }" demo: <template> <div> <a-form :form="form"
阅读全文
摘要：ant-design-vue 之form表单使用 主要代码: v-decorator, setFieldsValue, getFieldsValue, resetFields, validateFields this.form.setFieldsValue({"username":['usernam
阅读全文
摘要：JavaScript里不为人知的秘密(02)之常见使用 01) 字符串和数组互相转化 join split let arr = ["da", "fei", 'age', '18']; let str = arr.join(","); //数组转字符串 console.log(str); let te
阅读全文
摘要：Ant-Design-Vue 隐藏浏览器控制台输出async-validator验证警告 解决办法: node_modules/async-validator/es/util.js 51行node_modules/async-validator/lib/util.js 49行 这2个文件中 cons
阅读全文
摘要：CSS里不为人知的秘密(01)之常见属性使用 01) border 和 outline 区别 轮廓不占据空间，绘制于元素内容周围。根据规范，轮廓通常是矩形，但也可以是非矩形的 div{ outline:3px solid red;/* 查看网页布局的时候很方便 */} outline属性 02) c
阅读全文
摘要：css 属性值 display /* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */
阅读全文
摘要：Ant Design Vue 中table表格解析 HTML 场景: 后台返回的数据中有HTML,让前台解析出来 解决方案: 主要使用 scopedSlots 和 slot-scope 和 v-html demo: <template> <div> <h3>解析HTML的p标签</h3> <a-ta
阅读全文
摘要：Ant Design Vue 中重写form表单样式 Ant Design Vue 中form表单样式不符合项目要求,使用全局style重写 主要使用: <style lang="scss"> </style> demo: <template> <div class="study02"> <!--使
阅读全文
摘要：Ant Design Vue 中 modal 利用 $refs 简单使用 主要使用到 this.$refs.closeBtnModal.initShow(); 避免了父组件传值,再使用this.$emit() 的繁琐步骤, 这样可以在子组件中控制modal打开和关闭,不需要在父组件中写代码处理 01
阅读全文
摘要：Ant Design Vue 的 table rowSelection里面去掉全选框 解决办法: columnTitle:' ' 设置为空即可 <a-table :columns="columns" :data-source="data" :customRow="clickRow" :rowKey=
阅读全文
摘要：veu axios 中 async + await 使用 01) 使用 await 等待网路请求返回后,才执行后面其他代码 methods: { // 图书详细 async cliDetail() { console.log("本方法开始执行__",new Date().toLocaleTimeSt
阅读全文
