![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
杨家八公子
这个作者很懒,什么都没留下…
展开
-
vue Element-ui 表格多选 修改选中行背景色
vue Element-ui 表格多选 修改选中行背景色原创 2022-12-20 17:07:44 · 2780 阅读 · 0 评论 -
springboot前端如何传参后端如何优雅的接收的参数
springboot前后端优雅传参数原创 2022-08-22 14:59:26 · 3116 阅读 · 0 评论 -
ElementPlusError: [ElOnlyChild] no valid child node found
ElementPlusError: [ElOnlyChild] no valid child node found原创 2022-08-12 19:14:03 · 14194 阅读 · 2 评论 -
element-plus使用中文
element-plus默认是英文,要显示中文需要安装中文包Element Plus 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。如果通过 CDN 使用 Element Plus ,那么你需要添加以下代码,以下是一个 unpkg 的示例...原创 2022-07-06 14:09:35 · 7485 阅读 · 0 评论 -
cdn方式引入element-plus icon
浏览器直接引入element-plus使用icons-vuecdn引入element-plus使用icons-vuecdn引入element-plus使用icons浏览器引入直接使用element-plus的icons原创 2022-07-06 14:00:48 · 3872 阅读 · 3 评论 -
vue3 项目搭建以及使用
创建vue3项目 创建一个基于vite开发的vue3项目原创 2022-03-30 14:54:29 · 4650 阅读 · 0 评论 -
动态改变Input和Textarea值Vue数据没有绑定的解决办法
背景:我在循环里面的input框需要限制输入的值的类型,如果我绑定了change的方法的话 首先需要失去焦点才能生效,如果不失去焦点直接点击确定按钮是不能触发事件的 值还是原来的 ,第二个如果层级多的话需要把索引什么的传过去用$set修改,终究是不方便所以在了input框的原生onkeyup事件中但是问题来了 onkeyup事件中的值并没有跟vue的数据进行绑定在0后面输入了2变成了02onkeyup事件中的逻辑处理成了2但是当点击提交的时候发现值还是02解决办法 onkeyup原创 2022-03-21 19:42:13 · 1491 阅读 · 0 评论 -
Vue3组合式API
vue3组合式api原创 2021-10-28 09:44:12 · 8322 阅读 · 2 评论 -
利用element的上传到自己服务器
现实中我们很多的需求是利用element的upload的ui来做上传功能,但是我们自己写上传规则,所以我们把上传规则写在before-upload里面 最后return false这样element就不会继续执行上传逻辑了页面ui部分代码 <el-upload class="upload-demo" accept=".jpg,.jpeg,.png" action="https://jsonplaceholder.typicode.com/posts/" :sho原创 2021-05-20 14:10:49 · 353 阅读 · 0 评论 -
利用FileReader读取element-ui中上传组件el-upload上传的文件,实现先本地预览后上传至服务器
用elment-ui的上传组件上传用户头像时发现它的图片预览是需要先将图片发送到服务器,返回一个图片地址,然后根据这个地址在头像区显示,但是我想要的是: 选取头像,后立即在头像区显示,(不涉及图片剪辑和图片区域选取),而不是先上传到服务器。那么就需要获取一个图片在本地的地址。浏览器出于安全考虑不让直接获取本地图片的路径,那我们就使用FileReader ( 或window.URL )去读取选择好的图片,返回一个DataURL,然后根据这个URL显示图片。那么在el-upload组件中如何获取到选好的原创 2021-05-20 14:04:18 · 2187 阅读 · 3 评论 -
uniapp获取不到cid以及第一次获取cid为null
我的uniapp的业务场景需要记录每个app的cid实现一对一推送但是uniapp的cid是发生变化的 并不是固定的 所以我就每次打开app的时候获取cid进行更新但是cid会为null 尝试了下面的方法后进行了解决先获取再异步获取就好了 let pinf = plus.push.getClientInfo(); let cid = pinf && pinf.clientid || ''; //客户端标识 console.log(cid,999...原创 2021-04-09 17:26:00 · 4234 阅读 · 0 评论 -
uniapp的app.vue监听推送点击无法跳转
利用uniapp写了一个小的app,用了unipush推送消息,点击消息打开app进行跳转相应的页面但是到了app.vue页面怎么都跳转不了 ,查询了相关官方资料 官方资料提及在app.vue不能跳转看到这里我以为真的是不能跳转 但是百度了一凡才发现好多人说可以跳转的 我的死活就是不能跳转 知道有一篇文章说延迟跳转可以解决问题 然后我尝试了一下延迟1.5秒钟果然成功了<script> export default { onLaunch: function() {...原创 2021-04-09 17:22:23 · 2924 阅读 · 17 评论 -
js格式化时间且补全0
formatDate(nows) { if (nows == null || nows == "") { return ""; } //nows = nows*1000; //视情况而定 如果是秒的话就不需要乘以1000 var now = new Date(nows); var year = now.getFullYear(); var month = now.getMonth() + 1; if (month.toString().l.原创 2021-03-10 11:14:03 · 617 阅读 · 0 评论 -
取消elementUi的table自带的全选框
去掉element的全选功能.el-table /deep/.disabledCheck .cell .el-checkbox__inner{ display: none!important; }.el-table /deep/.disabledCheck .cell:before{ content: '选择'; position: absolute; right: 11px;}原创 2021-03-10 11:08:27 · 1168 阅读 · 0 评论 -
elementui封装table组件以及子父组件通信
<template> <el-table :data="tableData" border v-loading = "loading" element-loading-background = "rgba(0, 0, 0, 0.5)" element-loading-text = "数据正在加载中" element-loading-spinner = "el-icon-loading" style="width.原创 2021-03-10 11:04:57 · 402 阅读 · 0 评论 -
vue封装echars柱状图组件和折线图组件以及混合图组件
先看效果组件代码如下:<template><div> <div class="el-title"> <el-row> <el-col :span="12"><div class="grid-content bg-purple"><span class="panel-title">{{timeData.toolTitle}}</span><.原创 2021-03-10 10:59:56 · 445 阅读 · 0 评论 -
element-ui 进入页面 message 自动触发的问题
在按需引入 element-ui 组件的 message 时候,每次进入页面的会自动出现 message 提示,解决方法:通过加载组件的方式引入即可把Vue.use(Message) 改为Vue.prototype.$message=Message 或 Vue.component(Message.name,Message) ;注意:使用单独使用Message和MessageBox的时候,只要import { Message } from 'element-ui';就好...原创 2020-09-01 11:02:33 · 3235 阅读 · 2 评论 -
svg-sprite-loader 使用教程以及vue使用svg图片
本篇文章是在 vue-cli 脚手架项目环境下讲解svg-sprite-loader 将加载的 svg 图片拼接成 雪碧图,放到页面中,其它地方通过 <use> 复用首先在 src 下建立以下目录和文件:安装和配置 svg-sprite-loader:安装:npm i -D svg-sprite-loaderwebpack 配置:(webpack.base.conf.js) { test: /\.svg$/, loader:.原创 2020-08-11 16:17:43 · 2548 阅读 · 0 评论 -
vue修改data数据不能重新渲染
使用vue,遇到几次修改了对象的属性后,页面并不重新渲染,场景如下:<template v-for="item in tableData"> <div :class="{'redBorder':item.red}"> <div>{{ item.name}}</div> <div> <el-button s...原创 2020-06-19 13:14:42 · 1479 阅读 · 0 评论 -
vue更换dom后重新挂载
场景是这样的:我们挂载的dom的节点手后台返回来的 但是返回来的dom字符串渲染后里面的方法不起作用 ,如果想起作用的话就需要用到事件代理 ,最优的方法是用组件模板来写实在不行的话就用我下面的办法在重新new一个vue的实例<body> <div id="app"> <input type="text" v-model="name" /> <button onclick="qh()">切换<...原创 2020-05-27 16:06:34 · 1502 阅读 · 0 评论 -
javaScript中的array.reverse()用法注意项
前端的小秃头们我相信很多人对于array.reverse()翻转数组的这个函数肯定很熟悉的,但是其实我个人建议还是需要根据自己的场景来使用这个函数 因为它有可能让你采坑掉头发首先我们来回顾一下array的常用函数吧Array对象常用方法:不改变原数组:1、concat() 连接两个或多个数组,并将新的数组返回,不改变原数组,返回新的数组2、join() 把数组中所有元素放入一个字符串,将数组转换为字符串,不改变原数组,返回字符串3、slice() 从已有的数组中返回选定的...原创 2020-05-26 10:23:32 · 1487 阅读 · 0 评论 -
Computed property “XXX” was assigned to but it has no setter
起初我是这样写的 computed:{ onRoutes(){ return this.$route.path.replace('/',''); } },然后就报错了这样的话是因为计算属性没有写set和get,写上就好了 computed:{ onRoutes:{ ..原创 2020-05-21 10:10:38 · 584 阅读 · 0 评论 -
vue原型链挂载总线
/vue原型链挂载总线Vue.prototype.bus = new Vue(); //子组件发送数据this.bus.$emit("change",data); //子组件接收数据this.bus.$on("change",function(data){})原创 2020-05-21 09:42:04 · 1398 阅读 · 1 评论 -
快速排序算法
<script type="text/javascript"> var arr=[1,5,2,9,8,3,65,75,6,56,1]; function quickArr(arr){ var left=[], right=[], mid=[]; ...原创 2018-08-23 18:09:03 · 136 阅读 · 0 评论 -
js自定义计算字符串的字节长度
//自定义计算字符串的字节长度 function reBytes(str) { var num = str.length; for(var i = 0 ; i < num; i++) { if(str.charCodeAt(i) > 255){ nu...原创 2018-06-04 16:22:59 · 1725 阅读 · 0 评论 -
原 php+mysql不连续关键字查找(搜索lee可以搜索出loele和lee等等)
转载自:https://blog.csdn.net/blank__box/article/details/81359202处理关键字格式为:$str='12345';$strArray=str_split($str);$str=join("%",$strArray);echo '%'.$str.'%';输出:%1%2%3%4%5%用上述方式处理后的字段作为数据库搜索的...转载 2019-07-30 11:52:07 · 321 阅读 · 0 评论 -
js面试题
1、["1","2","3"].map(parseInt) [1, NaN, NaN]2、[typeof null, null instanceof Object] ["object", false]3、[[3,2,1].reduce(Math.pow),[].reduce(Math.pow)] VM199:1 Uncaug...原创 2018-06-09 16:06:36 · 179 阅读 · 0 评论 -
js著名的斐波那契数列 1 1 2 3 5 8,输出第n项
function counNum(n){ var first = 1, second = 1, third; if(n&gt;2){ for(var i = 0; i &lt; n-2; i++){ th...原创 2018-06-12 14:42:55 · 5865 阅读 · 0 评论 -
浅谈js的类数组
// js种的类数组 var obj = { "2":"a", "3":"b", "length":2, "push":Array.prototype.push, "pop":Array.prototype.pop原创 2018-06-04 16:58:03 · 637 阅读 · 0 评论 -
js给一个数组排序
//给一个数组排序 var arr [ 1, 2, 3, 4, 5]; arr.sort(function (a,b) { // return a-b; //正序 // return b-a; //降序 return a-b; })...原创 2018-06-04 16:35:44 · 3842 阅读 · 0 评论 -
js给一个有序的数组打乱
//给一个有序的数组打乱 var arr = [1, 2, 3, 4, 5]; arr.sort(functon() { return Math.random() - 0.5; })原创 2018-06-04 16:30:21 · 1456 阅读 · 0 评论 -
js数组常用的方法
改变原数组的: push pop shift unshift sort reversesplice不改变原数组的: concat join split toString slice原创 2018-06-04 16:14:25 · 103 阅读 · 0 评论 -
js封装判断类型的函数
function type(target) { var ret = typeof(target); var template = { "[object Array]": "array", "[object Object]":"object", ...原创 2018-06-04 16:07:18 · 1255 阅读 · 2 评论 -
js封装判断类型的函数
function type(target) { var ret = typeof(target); var template = { "[object Array]": "array", "[object Object]":"object", ...原创 2018-06-04 16:07:18 · 230 阅读 · 0 评论 -
js别踩白块儿小游戏
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am原创 2018-06-04 10:58:53 · 550 阅读 · 2 评论 -
setTimeout定时器写的防抖动
&lt;input type="text" id='demo'/&gt; &lt;span id='show'&gt;&lt;/span&gt; &lt;br&gt; &lt;input type="text" id='demo2'/&gt; &原创 2018-06-29 11:37:44 · 1040 阅读 · 0 评论 -
jquery的浪漫
<!doctype html><html> <head> <meta charset="utf-8"/> <meta name="keywords" content=""/> <meta name="description&quo原创 2018-06-26 10:47:14 · 322 阅读 · 0 评论 -
反编译微信小程序 __vd_version_info__ is not defined和$gwx is not defined
反编译微信小程序的时候会报两个错 __vd_version_info__ is not defined$gwx is not defined修改源码之后就编译成功了想要wuWxss.js源码的赏个红包吧然后私聊我...原创 2019-07-30 11:46:54 · 1040 阅读 · 2 评论 -
获取微信小程序源码(反编译微信小程序)
此文章转载的是https://blog.csdn.net/aaron9185/article/details/80576183这里的 只是把有些步骤详细修改了 有些繁琐的删除了准备材料node.js运行环境如果没有安装nodejs,请先安装一下 下载地址:nodejs.org/en/反编译的脚本这里提供一个Github上qwerty472123大神写的node.js版本的...翻译 2019-07-30 11:34:45 · 6512 阅读 · 6 评论 -
vue修改对象属性后页面不重新渲染
<el-form-item v-for="(repairWorker, index) in ruleForm.repairWorkers" :label="'车牌号' + (index+1)" :key="repairWorker.id" :prop="(repairWorker.name)" ...原创 2020-09-29 16:20:08 · 9295 阅读 · 3 评论