![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 74
笨拙前行
啊哈
展开
-
一个简单的登录验证
<template> <div class='login_container'> <div class='login_box'> <!-- 头像设置 --> <div class='avator'> <img src='../assets/logo.png' alt='页面加载失败' /> </div> <!-- 输入控制 -->原创 2021-09-03 08:24:19 · 430 阅读 · 0 评论 -
基于Element-UI创建tree-table
1. 安装并导入Element-UI通过npm安装Element-UI后,main.js文件中添加import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)2.创建组件<template> <div class="home"> <el-table :data="tableData" row-ke原创 2021-08-25 20:58:39 · 850 阅读 · 0 评论 -
创建具有单选框的el-table列表
目录1 创建具有复选框的列表行2 实现具有单选框的列表1 创建具有复选框的列表行在elementUI官网中,对于创建具有复选框的列表的方式进行了比较详细的阐述:实现多选非常简单: 手动添加一个el-table-column,设type属性为selection即可;默认情况下若内容过多会折行显示,若需要单行显示可以使用show-overflow-tooltip属性,它接受一个Boolean,为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。(摘自elementUI官网)&l原创 2021-08-07 20:22:09 · 1107 阅读 · 1 评论 -
创建窗体自适应Echarts图表(基于Vue2.0)
目录1 安装echarts2 查看版本3 导入包文件4 在Vue组件中使用1 安装echartsnpm install echarts2 查看版本在package.json里面可以查看版本3 导入包文件在main.js文件中添加下面代码import * as echarts from "echarts"Vue.prototype.$echarts = echarts4 在Vue组件中使用<template> <div class="hello"原创 2021-08-01 22:30:03 · 132 阅读 · 0 评论 -
使用vue项目中style样式修改的两个方法(不使用v-bind)
<template> <div id="app"> <div class="son" @click="change(0)" ref="lengends" :style="{background:lengend.color[0]}"></div> <div class="son" @click="change(1)" ref="lengends" :style="{background:lengend.color[1]}"><原创 2021-07-29 22:44:06 · 1768 阅读 · 0 评论