摘要: 为该组件绑定一个ref="xx",再用this.$refs.xx.method() 例如this.$refs.xx.clearFiles() 阅读全文
posted @ 2020-11-13 10:21 心心眼 阅读(1325) 评论(0) 推荐(0) 编辑
摘要: 有时候,我们不需要数据的双向绑定,我们如果直接用 this.Form.id = id这种形式赋值的话,Form.id永远都改变不了。 解决办法是使用ES6的...语法: this.Form = { ...this.Form, id } 阅读全文
posted @ 2020-11-02 15:48 心心眼 阅读(1362) 评论(0) 推荐(0) 编辑
摘要: 只需要把项目中的reset.css中关于字体的样式注释掉就好了。 阅读全文
posted @ 2020-10-30 15:17 心心眼 阅读(2283) 评论(0) 推荐(0) 编辑
摘要: 当el-table被封装在子组件时,tableData发生变化,数据没有重新渲染 解决方法:为该子组件绑定一个key,每次tableData发生变化时,改变这个key <Table class="card-table" :tableData="tableData" :tableHeader="dat 阅读全文
posted @ 2020-09-28 14:56 心心眼 阅读(11748) 评论(2) 推荐(0) 编辑
摘要: 在Vue中,处理后台返回的时间字符串时,通常使用Vue的filter过滤器属性来实现。 在main.js中全局配置filter过滤器 在这之前,我们需要引入moment.js $ yarn add moment.js 1 import moment from 'moment' 2 // datefo 阅读全文
posted @ 2020-09-26 10:24 心心眼 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 1.搭建vue-cli项目 2.安装echarts $ yarn add echarts 3.main.js引入echarts 1 import echarts from 'echarts' 2 Vue.prototype.$echarts = echarts // 把echarts挂载到Vue原型 阅读全文
posted @ 2020-09-17 17:27 心心眼 阅读(504) 评论(0) 推荐(0) 编辑
摘要: Vue的watch主要用于监听data或computed中的值变化,只要监听的属性有变化,那就会执行指定的代码。 watch接收2个参数,newVal和oldVal,分别代表变化后和变化前的值。 基本用法如下: ① 监听普通的单个值变化 1 watch: { 2 isCollapse(newVal, 阅读全文
posted @ 2020-09-14 10:59 心心眼 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 在Vue项目中,如果没有引入JQuery,那么使用axios来做http请求将是一个不错的选择,因为它相对于ajax不需要引入JQuery包,这样项目就会小很多。 先引入axios依赖包 $ yarn add axios vue-axios 下面,我们来看一下axios的常用基本配置 导入axios 阅读全文
posted @ 2020-09-08 11:48 心心眼 阅读(539) 评论(0) 推荐(0) 编辑
摘要: CSS3属性transform值为小数时会导致字体变模糊。解决办法:采用margin等其他属性来完成需求或把值设为整数。 Vue路由跳转模式为history时,刷新网页会导致页面空白。解决办法:采用哈希模式。 Vue表单填写页面填写一部分后切到其他页面再切回来,页面重新渲染导致表单数据丢失。解决办法 阅读全文
posted @ 2020-08-18 17:22 心心眼 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 话不多说,先上效果图 本demo没使用JavaScript,纯CSS3实现,下面是完整代码 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>时钟</title> 5 <style type="text/css"> 6 .screen{ 7 wi 阅读全文
posted @ 2020-07-18 14:53 心心眼 阅读(607) 评论(1) 推荐(1) 编辑