项目
Spongebob_nut
学生(๑˙ー˙๑)
展开
-
Vue实现元素沿着坐标数组移动,超出窗口视图时页面跟随元素滚动
监听小船的boatMoveIndex属性,如果boatMoveIndex改变,则利用window.scrollBy()方法,把内容滚动到指定的像素数。原创 2023-06-20 19:00:04 · 1012 阅读 · 0 评论 -
HTMLinput标签Date默认值修改为当前时间
HTMLinput标签Date默认值修改为当前时间有个input输入框,type = “date”,默认显示当前日期:<label class="col-sm-2 col-sm-offset-1 control-label">时间</label><div class="col-sm-3"> <input id="currentDate" type="date" name="start" id="start" class="laydate-icon f原创 2021-12-27 14:19:07 · 4753 阅读 · 0 评论 -
动态向数组中添加对象时,对象重复问题
动态向数组中添加对象时,对象重复问题修改前代码: this.nodesList = [{ id: '', name: '', moneyNum: '', showInput: false }]; const itemIdMonet = this.acceptValue.rules.map(itemIdMon => { const obj = { id: ite原创 2021-12-25 14:17:10 · 1492 阅读 · 0 评论 -
vue中动态向对象中添加属性
vue中动态向对象中添加属性写项目时遇到一个问题向后端发送post请求,需要新增数据时,向后端传递的参数形式是这样的:关于这里面的nodes,后端接收的需要是键值对的形式:nodes里面的内容,左边是另一个数组中每个元素的id,右边是该元素另一个属性的属性值。如图所示,左边的值是图中array数组中的id的值,右边是对应的moneyNum的值,将这两个属性从这个数组中提取出来,然后添加到一个新的对象中,传给后端。代码:data() { return { // 定义一下这个对象原创 2021-12-14 01:01:42 · 26285 阅读 · 0 评论 -
Element UI表格采用复选框,第一行默认选中且禁用
Element UI表格采用复选框,第一行默认选中且禁用表格: <el-table ref="multipleTable" :data="nodesData" :span-method="objectSpanMethod"原创 2021-12-09 20:12:38 · 1883 阅读 · 0 评论 -
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection‘)“
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection’)”在使用elementUI里的带Checkbox表格时,想默认选中第一行,采组件库里的方法:mounted() { this.defaultChecked([this.nodesData[0]]);},methods: { // 第一行默认选中 defaultChecked(原创 2021-12-09 15:40:36 · 16007 阅读 · 0 评论 -
ElementUI日期选择器显示默认时间
ElementUI日期选择器显示默认时间 <el-form-item label="时间" class="form-item"> <el-date-picker v-model="date" type="daterange" align="left"原创 2021-12-02 21:29:01 · 3639 阅读 · 1 评论 -
CSS设置背景颜色透明
CSS设置背景颜色透明将背景颜色设置为透明,两种方法:方法一:通过background-color和opacity来设置opacity属性参数的不透明度是以数字表示的,从0.0到1.0,完全透明是0.0,完全不透明是1.0,数字越大代表元素越不透明。 <div class="box01"> <p>今天星期三</p> </div> <div class="box02"> <p>和上面盒子对比</p原创 2021-12-01 22:22:29 · 72132 阅读 · 2 评论 -
css实现文字溢出省略号显示
css实现文字溢出省略号显示记录一下 overflow:hidden; // 溢出隐藏 white-space:nowrap; // 文本不会换行,继续在同一行上显示,直到遇到<br>标签 /*文字超出宽度则显示ellipsis省略号*/ text-overflow:ellipsis; width:100%;...原创 2021-11-29 19:52:48 · 219 阅读 · 0 评论 -
ElementUI中合并表格列
ElementUI中合并表格列在elementui组件库里的合并比较各行和列方法比较单一: // 两列合为一列 arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (rowIndex % 2 === 0) { if (columnIndex === 0) { return [1, 2]; } else if (columnIndex ===原创 2021-11-26 17:29:00 · 2487 阅读 · 0 评论 -
修改ElementUI表格行中鼠标悬停背景颜色样式
修改ElementUI表格行中鼠标悬停背景颜色样式原el-table的鼠标悬停样式是:鼠标覆盖后表格行有一个背景颜色,那如果现在不想要背景颜色,该怎么修改呢?<style lang="scss" scoped> .el-table { ::v-deep tbody tr:hover>td { background-color:#fff; }}</style>// 或者<style lang="scss" scope原创 2021-11-24 14:59:14 · 3912 阅读 · 0 评论 -
ElementUI中带复选框的el-table表格,去掉表头的全选框
ElementUI中带复选框的el-table表格,去掉表头的全选框在ElementUI中,带复选框的表格组件是长这样的:那么,如果不想要表头的全选框,该怎么修改呢?首先了解el-table的一个属性header-cell-class-name:表头单元格的 className 的回调方法,也可以使用字符串为所有表头单元格设置一个固定的 className。 <el-table :data="tableDa原创 2021-11-23 18:04:08 · 8318 阅读 · 6 评论 -
解决在ElementUI中表格列中添加输入框后,输入框无法输入内容
解决在ElementUI中表格列中添加输入框后,输入框无法输入内容问题在写表格时有需求,需要在表格列中嵌套输入框,然后按照常规方法,套用elementUI里的组件,样式写好后发现输入框没办法用,不能输入内容代码: <el-table-column prop="moneyNum" label="奖励金额"原创 2021-11-23 17:40:39 · 4981 阅读 · 0 评论 -
基于ElementUI将Dialog对话框写入组件引入
将Dialog对话框写入组件引入如果对话框里包含的内容很多的话,和主页面写在一起,代码量会非常大,所以我想采用将Dialog中的内容单独写在一个文件里,然后在主页面引入。因为并不是公共组件,所以我写在了自己部分的文件夹里。组件内容:<template> <el-dialog title="提示" :visible.sync="connPositionDialog" width="50%" > &l原创 2021-11-19 19:35:24 · 2671 阅读 · 0 评论 -
ElementUI设置表格表头样式
ElementUI设置表格表头样式原本从组件里拿下来的代码的样式是这样的:现在有需求,需要修改表头样式代码如下: <el-table :data="tableData" :header-cell-style="{background:'#f4f3f9',color:'#606266'}" style="width: 100%" >原创 2021-11-19 14:31:11 · 5541 阅读 · 0 评论 -
Vue中this.$router.push(参数) 实现页面跳转过程中参数传递问题
问题说明:根据两个字段进行查询,并从返回过来的数据中点击抽取按钮,跳转到选手详情页传参,页面跳转代码:this.$router.push({ name: "Drawingdetil", params: { schoolId: id, xuekeId: ids, xsType: this.xsType, batchId: ide, xueduanName: this.xue原创 2021-08-11 16:45:16 · 1087 阅读 · 0 评论 -
父子组件传值(以开关组件为例)
以我写的一个开关组件为例一、父传子将这个开关封装成一个组件,样式写好之后,前面的名称和颜色是固定的,而我要用到这个组件,并且改变开关的名称还有颜色;解决:父组件将开关的名称传递给子组件,修改开关名称和颜色,此时,开关的名称和颜色就不能写为固定的喽@_@子组件在props中创建一个partName属性,用以接受父组件传递过来的值;父组件中注册子组件;在子组件标签中添加子组件props中创建的partName属性;把需要传给子组件的值赋给该属性;修改开关名称代码:// 子组件<原创 2021-03-21 10:07:32 · 283 阅读 · 0 评论 -
git提交代码步骤
第一步:git status 查看当前状态红色字体部分为从上一次提交到现在修改过的文件原创 2021-03-09 17:55:37 · 327 阅读 · 0 评论 -
根据日期搜索内容---修改日期格式
<el-date-picker v-model="formInline.creatTime" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" > </el-date-picker>按照...原创 2021-03-09 11:21:59 · 288 阅读 · 0 评论 -
GET、PUT、POST、DELETE、OPTIONS请求方式简单理解
HTTP协议中POST、GET、HEAD、PUT、OPTIONS等请求方法Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称统一资源定位器,可以理解为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,增,改,删4个操作。还有OPTIONS(options),HEAD(head),TRACE(trace),CONNECT(connect)。一、GET请求GET请求会原创 2021-02-18 17:18:02 · 4809 阅读 · 0 评论 -
调用接口,发送网络请求并渲染数据到页面
发送axios请求一、在src目录下的until文件夹中创建request.js文件在request.js(封装请求文件)中引入二、发送请求在api文件夹的建立文件使用qs插件,将要传递到参数序列化在项目中使用命令行工具输入:npm install qs安装完成后在需要用到的组件中:import qs from 'qs’qs.parse()是将URL解析成对象的形式qs.stringify()将对象 序列化成URL的形式以&进行拼接引入request.js和qs而我需要获原创 2021-02-17 16:25:17 · 2447 阅读 · 1 评论