vue前端
关注
分享
扫一扫
vue
皮蛋瘦肉周_
憧憬是碎了满地凉凉的宝石☄️
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原型图怎么画？
1.首先原型图要使用xiaopiu画出来不要截图原因：在开发过程中应该是先进行原型图的绘制，与需求方进行交流，是否符合需求再进行开发，如果是截图的话，修改一个按钮的位置，就无法进行修改，也没有遵循开闭原则，需要替换的是整张图片，而不仅仅是一个按钮。2.动态原型图，页面可以跳转比如说，想在页面1点击按钮跳转到页面2，仅仅是静态原型图并不能实现上述的功能。我们可以在按钮→事件→选择事件类型（单击）→要跳转的页面等等操作3.封装组件一个项目中肯定是会有topbar，如果每个.原创 2022-05-15 20:18:30 · 2622 阅读 · 0 评论 -
vue中icon图标和文字、button对不齐的情况
之前的样式是这样，在顶部对齐，没有居中对齐。设置图标的属性：style="vertical-align: -15%"设置蓝色按钮的属性style="vertical-align: 65%"设置完成后的效果vertical-align：定义和用法vertical-align 属性设置元素的垂直对齐方式。说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元.原创 2022-03-05 16:52:08 · 5233 阅读 · 0 评论 -
Vue3中报错：The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead vue
报错信息The `beforeDestroy` lifecycle hook is deprecated.Use `beforeUnmount` instead vue/no-deprecated-destroyed-lifecycle解决方案destroyed声明周期被重命名为unmountedbeforeDestroy 生命周期选项被重命名为 beforeUnmount...原创 2022-04-30 11:21:57 · 2474 阅读 · 0 评论 -
动态修改el-dialog中title的值
1.将变量赋值给el-dialog的title，title前需要加冒号:title= dialogTitle<el-dialog v-model="dialogVisible" :title= dialogTitle ></el-dialog>2.在data中声明变量 data() { return { // 弹窗名称变量 dialogTitle:"", dialogVisib.原创 2022-02-11 09:10:38 · 4527 阅读 · 0 评论 -
el-tree保留上次选中的内容，数据回显
使用步骤条的方式展示内容，在步骤条一的时候，展示el-tree的多选框内容，在步骤条二返回步骤条一的时候，想实现el-tree的数据回显。原创 2022-02-26 19:45:32 · 1788 阅读 · 0 评论 -
VSCode 自动保存
每次写完代码需要Ctrl+S进行保存，有时候忘记保存，会导致程序运行错误。原创 2022-02-15 08:56:34 · 1272 阅读 · 0 评论 -
js小数和百分数的转换
一、百分数转化为小数function toPoint(percent){ var str=percent.replace("%",""); str= str/100; return str;}二、小数转化为百分数function toPercent(point){ var str=Number(point*100).toFixed(1); str+="%"; return str;}...转载 2022-01-29 21:08:05 · 1368 阅读 · 0 评论 -
vue3：el-table中嵌入进度条progress
实现效果：代码：1.html：在表格的其中一列为进度条展示，需要绑定“progress”<template> <el-table :data="tableData" height="600" style="width: 100%" :cell-style="rowClass" :header-cell-style="headClass" > <el-table-colum.原创 2022-01-17 16:14:09 · 4304 阅读 · 4 评论 -
表格的模糊搜索功能，前端也可以实现
今天学到了一个对于表格的模糊搜索，支持搜索全部列中文字的查询。1. 首先是创建一个el-table<el-table :data="tableData" height="600" style="width: 100%" :cell-style="rowClass" :header-cell-style="headClass" > <el-table-column prop="name" label="原创 2022-04-30 11:21:15 · 2043 阅读 · 0 评论 -
vue中编写一个饼状图
先来看成图吧！1. 安装依赖npm install --save echarts2.在需要用到饼状图的JS中填写引用import echarts from 'echarts'3.主要代码<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 600px; height: 400px"></div></template>.转载 2021-12-31 14:28:31 · 2981 阅读 · 0 评论 -
JS将获取当前时间的时间戳转换为“年月日时分秒”格式
js代码 var date = new Date();获取到的当前时间是：Wed Nov 03 2021 15:45:0 GMT+0800 (中国标准时间)将格式转换var d = new Date();this.youWant=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSecon原创 2021-12-07 15:49:38 · 2327 阅读 · 2 评论 -
vue中使用window.open()参数详解
打开新窗口有多种情况：①在当前页面弹出新窗口 ②在浏览器新打开一个标签页 ③替换当前页面下面为大家介绍一下使用window.open()如何实现这两种情况。1.window.open()有三个参数windows.open("URL","name","configuration");URL：为要新打开页面的urlname：为新打开窗口的名字，可以通过此名字获取该窗口对象configuration：为新打开窗口的一些配置项，比如是否有菜单栏、滚动条、长高等等信息2.举例说明...原创 2021-10-26 08:00:00 · 29614 阅读 · 3 评论 -
element-ui中弹框dialog在遮罩内部显示，需要点击一下页面才能正常显示
修改之前修改之后本项目使用了element-UI中的组件Dialog，需要在el-dialog标签中添加代码:append-to-body="true" 修改前：<el-dialog title="点播提示" :visible.sync="centerDialogVisible" width="30%" center> </el-dialog> 修改后：<el-di.原创 2021-10-28 05:15:00 · 1725 阅读 · 4 评论 -
HTML基础入门（四）：创建表单举例
最终效果：代码展示 ：<html><head><title>表单的例子</title></head><body> <form method ="get" action ="reg.jsp"> <!--控件设置：文本框--> <tr> <td>用户名:</td> <td原创 2021-05-30 08:18:17 · 599 阅读 · 26 评论 -
HTML基础入门（三）：创建表单
1.创建表单//属性method指定向服务器发送表单数据时所使用的的HTTP方法，可以是get或者post这两种方法中的一种//get是缺省的方法，提交的数据被附加到URL的末端//post是将表单中的信息作为一个数据块发送到服务器端//属性action指定对表单进行处理的脚本的地址<form method = "get or post" action="URL">...</from>2.<input>元素用于接受用户输入的信息//type指定原创 2021-05-18 15:50:56 · 1131 阅读 · 18 评论 -
HTML基础入门（二）：创建列表与表格
1.建立数字编号的列表<ol>标签中使用start属性。设置起始的序号<li>标签使用value属性，改变列表中的编号顺序2.type属性指定编号系统的类型在<ol>和<li>标签中。使用type属性指定编号系统的类型。3.建立带有项目符号的列表<ul>和<li>标签创建带有项目符号的列表，其type属性指定符号的样式disc //显示为实心的圆圈●square //显示为实心的方块circle原创 2021-05-14 17:46:31 · 966 阅读 · 22 评论 -
HTML基础入门（一）
1.html元素的四种形式<br> 空元素<hr color = blue> 带有属性的空元素<title> http://www.baidu.com </title> 带有内容的元素<font color = "red"> http://www.baidu.com </font>带有内容和属性的元素2.html框架——第一个页面注意：在html文档中，如果存在连续多个空白字符（空格、制表符、回车、换行等）原创 2021-05-01 19:40:54 · 925 阅读 · 21 评论