vue
阔爱滴二狗子
这个作者很懒,什么都没留下…
展开
-
记录vue+ts项目犯过的错误
1. ref的用法this.$refs.dialogs.dialogVisible=true这种用法会报错,应改为:(this.$refs.dialogs as any).dialogVisible=true原创 2021-05-25 12:08:08 · 182 阅读 · 0 评论 -
vue+elementUI实现多级联动筛选
新版后台,需要实现一个多级联动的筛选栏目,实现以下效果:(点击筛选按钮弹出下列选项框)首先父组件调用子组件模块:通过变量expands赋值给子组件。<Screen :expand="expands"></Screen>子组件代码:<template> <div class="filter-more"> <div style="width: 100%; min-height: 50px; background: #f9f9fc"&g原创 2021-03-26 14:01:43 · 3396 阅读 · 0 评论 -
elementUI日期选择器快速选择(今天,昨天,本周上周,本月上月,1234季度)
<template> <div> <div class="block"> <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="" start-placeholder="" end-placehol原创 2021-03-24 15:40:07 · 3436 阅读 · 0 评论 -
使用echarts实现半圆饼图
要实现的效果如下所示: <div id="myChart" :style="{ width: '285px', height: '285px' }"></div>在mounted里调用如下代码即可。 drawLine() { // 基于准备好的dom,初始化echarts实例 let myChart = this.$echarts.init(document.getElementById("myChart")); // 绘制图表原创 2021-03-20 14:24:01 · 3822 阅读 · 0 评论 -
vue项目去掉el-table内容部分边框
**项目要实现如下效果,如何改变el-table的样式呢?具体操作如下:**1.给el-table加上新的class类。2.不要在原有的带有scoped的style里添加样式。新写一个style。加上如下代码即可。<style> /* 去掉表格单元格边框 */.my-table th{ border:none; }.my-table td,.my-table th.is-leaf { border:none;} /* 表格最外边框 */.el-table-原创 2021-03-20 14:19:58 · 5670 阅读 · 0 评论 -
记录uni-app开发过程中的坑~
1, that or this问题描述:在data中引入的变量,却一直提示undefined is not an object,转换了多次变量类型也毫无作用,找了好久才发现是作用域的问题!!!一定要牢记。var that=this uni.getStorage({ key: 'seal_params', success: function (res) { ...原创 2020-03-07 18:37:38 · 529 阅读 · 0 评论 -
vue前端环境配置
一、基础开发工具1、安装nodejs软件。http://nodejs.cn/download/2、安装git软件,代替命令行工具。https://git-scm.com/downloads注:* 如何解决Git Bash 面板中的中文乱码问题?右键->options->text->把编码格式改为UTF-8。3、全局安装nodemonnpm install nodem...原创 2020-04-30 08:40:23 · 1034 阅读 · 0 评论