weixin_44423850-CSDN博客

问题情况Uncaught TypeError: this.roleInfos[i].slice is not a function上网百度，大部分的答案都说是名字重了名字又么有重，我也百思不得其解，还是同学帮忙理了思路才发现问题的根源。发现问题页面我用是elementplus组件里面的联级选择器 v-model绑定了一个名字为roleInfos的数组我这个下拉框的内容是后台传过来的值，options是组件绑定的下拉框内容，把传过来的内容格式稍微转变一下。以便渲染到页面上

2022-02-15 16:39:21 164

原创 Uncaught TypeError: this.roleInfos[i].slice is not a function Vue框架，数组转化的问题[[1],[2]]=＞[1,2,3]

问题情况Uncaught TypeError: this.roleInfos[i].slice is not a function上网百度，大部分的答案都说是名字重了名字又么有重，我也百思不得其解，还是同学帮忙理了思路才发现问题的根源。发现问题页面我用是elementplus组件里面的联级选择器 v-model绑定了一个名字为roleInfos的数组我这个下拉框的内容是后台传过来的值，options是组件绑定的下拉框内容，把传过来的内容格式稍微转变一下。以便渲染到页面上

2022-02-15 16:38:46 507

原创 vue+vant组件，密码的现实与隐藏

通过设置 type 和 right-icon 着两个属性，再加一个字段来设置这个给功能，<van-field v-model="password" name="密码" label="密码" placeholder="密码" left-icon="eye" :right-icon="passwordStatus ? 'eye' : 'closed-eye'" :

2021-12-30 11:31:41 1521

原创生产环境下Cannot read properties of null (reading ‘style‘

网上看到了列举了很多种原因产生这个问题我这里主要是，在生产环境下，可能是因为后台传过来的数据不完整的问题，产生了这里需要注意到表格里面是否用到了自定义列了是同事问了大佬菜知道要往这里找问题，要不然连方向都没有找准。之前是这么写的：大佬修改后： <el-table-column v-for="(item, index) in tableHead" :key="index" :label="item" a...

2021-10-25 11:16:38 4781

原创 vueelement table组件表格表头错位问题，及被覆盖，样式修改

用控制台看class更改表格样式：/* 表头背景颜色和高度 */ 表格外面在放个div的class.working-hours-table { /deep/.el-table th { padding: 0; line-height: 28px; height: 28px; background: #F5F7FA; font-family: MicrosoftYaHei-Bold; font-size: 12.5px; color: #888888; fo

2021-10-22 11:17:23 1661

原创 vue框架 element el-tooltip遇到的问题 “ElementPlusError: [[ElTooltip]] you need to provide a valid default s

翻译说我需要提供一个有效的插槽我尝试这修改，每个图标都要写插槽十分麻烦问了前端大佬， <el-tooltip content="移动" placement="top">  <span @click="ii(scope)"> <SvgIcon2 ..

2021-09-16 15:11:51 4318

原创 element el-date-picker选择日期范围组件，改为两个框，daterange vue

这个是看公司里面的一个大佬写得的，当时就觉得很奇怪，怎么=====>过于神奇了，而且用的是element里面的日期组件，感叹css的强大先上代码：html： <div class="search-part2" style="width:200px"> <div class="search-item"> <div>

2021-09-03 16:16:21 1670

原创联级选择器框内显示的值手动改变，联级选择器值回显的问题

<el-cascader style="width: 90%" v-model="form.quitBy" :options="options" :props="quitProp" :show-all-levels="false" @change="handlequitChange" @active-item-change="hand.

2021-09-01 14:46:02 450

原创 vue elment的select组件，实现可选择也可输入，不需要鼠标点击也不需要敲回车，可循环实现

https://element-plus.gitee.io/#/zh-CN/component/select先来看官网里面的组件可创建条目的<template><el-select v-model="value" multiple filterable allow-create default-first-option placeholder="请选择文章标签"> <el-option v-.

2021-08-31 09:49:48 2368

原创用sortablejs给盒子进行拖拽排序，并实现序号的实时变更vue3的组合APIsetup（）函数写的

先给你的程序安装上sortablejs插件 https://www.itxst.com/sortablejs/neuinffi.html 可以参考这个链接里面的安装流程和使用方法简单的拖拽实现，给你们提供模板，具体什么道理我也不太懂，照者写准没错<template> <div>  <div ref="sortList"> &lt...

2021-08-19 09:43:50 1676 5

原创 element日历组件只显示月和日，把年份隐藏掉

官网上显示的日历，我们要做的是，把年份和旁边的两个小标志小标去掉，也就是把这红色框框内的内容隐藏掉我们先用控制台看看里面具体的样式我们可以看到 class =“el-date-picker__header” 的 div是控制日历组件的标题的，div里面的button和span就是对应标题里面的各个标签现在我们就需要把想要隐藏的标签给隐藏掉，就是要取“el-date-picker__header”这个类下指定button和span 确定需要我们隐藏的到底是哪个button...

2021-07-22 14:41:39 6501 14

原创 vue element 按钮组件的宽高设置

1.普通的设置按钮的长和宽只需要给按钮添加一个样式在样式里面写上，我是看控制台改成这个样子的，这样就能行了.add_btn { min-width: 56px; min-height: 28px;}有时候按钮的样式改得也非常奇奇怪怪，非常神奇2.特殊的，其实也没有特殊，就是按照上面的方法改不出来，多加了点东西类似于这两个按钮，他也是element里面的按钮组件，在我调试的时候出现了许多奇奇怪怪的长度和宽度之后也是让我误打误撞，给设置成功了样式如下...

2021-07-14 16:55:09 24771

原创 vue 表单里面show-message参数的使用，是否显示校验错误信息

真的有时候官网给出的就那么两个话，样例也没有，对新手真的很不友好，有些也很难百度我就以今天自己碰到的问题，搞了很久，很开心到最后解决了，花了挺长一段时间的，也是我本人能力有限的问题官网给出到底怎么用呢？我就把代码全部贴上去比较好看一点，好理解一点，在我打很多”！“的上面需要 :show-message="true" 需要冒号"："，才能实现错误信息不提示，要写在<el-form>里面 <el-form :model="ru...

2021-07-14 15:53:57 2702

原创 element组件树形控件el-tree点击展开节点，节点重影

本来想传视频看的清除一些，传不了视频，改gif格式还要下载软件算了算了，凭手速截了这一张图。先发现问题与解决1.我是调用接口的时候发现的，有超级多的数据，本来以为我是数据多才出现这种问题，2.之后复制了官网上面的小数据，也是一样的效果，3.我想应该是我写的样式出了问题，页面里面好多样式都改了，我就在检查的控制台上一个一个试，添加背景颜色，无果4.我就去看我写的代码是不是多写看了些什么把样式覆盖调了5.发现问题了，直接为了让树形控件出现滚轮我添加了这样的代码/* 滚轮条在页..

2021-07-02 16:35:11 1006 3

原创 An attempt was made to call a method that does not exist. The attempt was made from the following

<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId> <version>2.3.7.RELEASE</version> </dependency><dependency> <gr.

2021-04-25 14:44:03 101

原创 overfloat textoverflow 高度塌陷

在上课的空闲偷偷写一下笔记overfloat溢出属性（容器的）overflow:visible / hidden(隐藏) / scroll(滚动)/ auto(自动) / inherit;visible: 默认值，内容不会被修剪，会出现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的;scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;inherit：规...

2021-03-29 15:57:54 474

原创 vue 路由取数据

声明式路由： router-link编程式路由：this.$router.push({path:"/home"})//通过拼接路径//this.$router.push(`/detail/${index}`);//通过名字由跳转，命名路由用params传参//this.$router.push({name:"detail",params:{id:index}}); //通过页面跳...

2021-03-22 15:46:59 216

原创 vue模糊搜索

在输入框如果又相同的就显示出来1.观察页面，有输入框，和数组2.用vue写，需要获得输入框里输入的内容，用v-model表单双向绑定3.数组里搜索是否有匹配的（indexOf（）检索字符串是否出现，没有返回-1），有显示匹配的项，没有不显示，（就想到用v-if / v-show）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...

2021-03-19 10:57:01 2353 3

原创 Vue局部组件

卸载实例化里面，components：{ }里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca...

2021-03-18 11:21:16 78

原创 Vue全局变量2021-03-18

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script sr...

2021-03-18 11:01:54 65

原创 2021-03-08

你们好呀！！！好久不见，因为我都没有好好学习现在就来记录记录今天所学的内容吧，还有一些小案例，如果我不懒的话，如果我有对自己负责的话，如果我有好好学习的话，我会坚持的写总结的，如果有帮助到你们一点，我会很开心的。认识盒子的基本元素 .box3{ margin: 10px 20px 30px 40px; padding: 15px; border: 5px solid red; backgrou

2021-03-17 10:12:32 36

原创 vue的实例化对象，响应式原理

vue 为什么如此受欢迎?（1）声明式渲染，应对前端分离的大趋势内部包含了一套模板（2）渐进式框架，适应各种业务需求以及场景模块化开发，在不同段的需求都能满足（3）快速交付，结合第三方UI框架对应的vue.js有一个活跃的社区，提供各种各样的库，UI框架等，利用别人的东西快速实现自己的工作。（4）企业需求，必备技能实例...

2021-03-17 09:34:20 118

原创 2021-03-15

我又来了，有点厌倦了呢，又开始期待周末了，生活还是要继续呢，恐怕是咸鱼当久了呢！！！数组的添加与删除push（）：数组的尾部添加元素pop（）：从数组的尾部删除一个元素，并返回该元素，不传参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge

2021-03-15 16:29:13 44

原创 2021-03-12

又是美好的一天呐！！！今天是2021/3/12 周五，可以休息两天了，打算染个头发，冲冲冲引用数据类型object{ 1.（字面量创建按对象 “ . ”/ 构造函数创建对象 " [ ] " ） 2.取值（全部的值 / 特定的值）} Array 数组（字面量创建按对象 / 构造函数创建对象） function 函数 typeof判断数据类型 constructor属性数据类型的转换！！！！ NaN数据类型是number数组（Array）...

2021-03-12 11:29:40 65

原创 2021-03-11

好不容易html的笔记寥寥草草的发布了一篇乱七八槽的东西老师就已经开始角JavaScript了又要开始淦了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid

2021-03-11 22:41:50 38

原创 flex 弹性布局

2021-03-11 10:09:00 78

原创有5个砝码，1，3，9，27，81；表示1-121终点数字

//只有5个砝码，1，3，9，27，81；表示1-121终点数字//例：19=27-9+1 //因为为3的倍数，可以像上一题一样，转为3进制写这道题，//余数有0，1，2，没有重为2的砝码，2=3-1；//不要想多凡是余数为 2 被除数就加 3，也就是商+1，余数为-1； #include<bits/stdc++.h>using namespace std; void ...

2020-04-28 19:29:34 461

原创试题基础练习完美的代价C++

试题基础练习完美的代价问题描述　　回文串，是一种特殊的字符串，它从左往右读和从右往左读是一样的。小龙龙认为回文串才是完美的。现在给你一个串，它不一定是回文的，请你计算最少的交换次数使得该串变成一个完美的回文串。　　交换的定义是：交换两个相邻的字符　　例如mamad　　第一次交换 ad : mamda　　第二次交换 md : madma　　第三次交换 ma : madam (回...

2020-04-18 18:23:37 489

空空如也

空空如也