- 博客(90)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 uniapp引入使用elementUi库
1.npm安装npm i element-ui -S2.完整引入Element在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render
2021-09-07 11:39:51
12071
2
原创 uniapp 小程序 开发环境和生产环境
7 发行 (点击没反应或弹框不一样 要升级HBuilderX 到最新版本) 点击发行 有插件会直接运行在控制台耐心等待 即可 没有插件先安装插件再发行。运行到开发工具 再上传 process.env.NODE_ENV 获取的值是development 一直是开发环境。在 HBuilderX 中,点击“运行”编译出来的代码是开发环境,点击“发行”编译出来的代码是生产环境。5上传key值 登录微信公众平台 【开发 -> 开发管理】,点击tab【开发设置】生成秘钥下载填入。按顺序参照一下 参数。
2022-12-28 10:38:24
1312
2
原创 reack Hooks
是个函数,第一个参数是个回调函数,第二个函数是监听的数据,是个数组。简单来说就是来解决函数式组件没有state和生命周期的问题。检测数据更新,想检测哪个数据更新,就把变量写到数组中。不想检测页面中任何数据的更新,可以直接给个空数组。获取路由路径,也可以获取到路由跳转时携带的参数。当要检测的是页面中的所有变量,两个选择。改变state,直接调用setMsg。块级格式化上下文,非父子组件传值用的。1.把所有变量都写到数组里面。子组件不受父组件更新影响。页面跳转,可以携带参数。声明初始值state。
2022-09-27 10:37:55
412
原创 js字符串常用方法
和数组的includes方法类似,用来判断字符串中是否有指定的字符串,有则返回true,无返回false。将一个字符串中指定的字符进行替换,替换成新的字符。会得到对应的字符的ASCII码,如果有多个值,则得到字符串中第一个值的ascii码。substr 第一个参数开始裁切的下标 第二个参数表示要裁切的长度。可以获取到对应的值在字符串中的下标,不支持正则表达式,和数组类似。我们也可以单独清楚前和后的空格,可以利用下面的方法。我们填入对应的ascii,就会得到对应的字符。把英文变成纯小写或者纯大写。
2022-09-19 16:08:04
444
原创 ant a-tree-select 设置默认展开节点
treeDefaultExpandedKeys: ['key值'],里面声明即可,里面可以写字符串或者是数值型。
2022-08-24 16:49:26
2561
原创 css鼠标移入变成小手
pointer, hand :手形光标。text :I形光标。wait :等待光标。vertical-text :水平I形光标。no-drop :不可拖动光标。help :帮助光标。auto :标准光标。not-allowed :无效光标。
2022-08-22 15:47:13
36088
1
原创 antd的表格有多选框时翻页记住之前选择的数据
antd的table表格数据有提供多选框的功能,只要设置rowSelection属性就可以选择表格的数据。但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页的数据的选中状态就没有了。,为 true时会在数据更新之后记住之前选择的数据。(需要指定rowKey)antd提供了preserveSelectedRowKeys,类型为。...
2022-08-05 11:09:45
2697
原创 antd vue 解决a-select在弹框中下拉菜单跟随页面滚动
官方原话如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发Select,请尝试使用getPopupContainer={triggerNode=>triggerNode.parentNode}将下拉弹层渲染节点固定在。
2022-07-28 11:33:57
1029
原创 input 上传文件并回显 FileReader并限制选择文件时的类型
1、上传文件到服务器,然后获取到线上图片地址,将抵制放到img的src里就可以了。注意如果多张图片请使用循环并且注意innerHTML的写法。2、不通过服务器,本地显示,通过H5的FileReader。这样就会将预览显示到对顶的DIV里。现在主要说一下第二种用法。......
2022-07-27 14:58:39
1268
原创 Antd vue (Table)表格操作完成后去掉勾选
select_rows: [], // 批量选中的行 selectedRowKeys: [], // 批量选中的key这两个字段一定要在return里面声明一下
2022-07-11 18:06:41
2750
1
原创 webpack-theme-color-replacer动态修改Ant Design Vue主题色
在main.js中引入 然后我们在config下创建这3个js文件 theme-color-replacer.plugin.config.js文件,代码如下: themeColor.js,代码如下: themesettingConfig.js,代码如下: 根目录vue.config.js 代码......
2022-07-06 10:17:30
829
1
原创 ssh: connect to host github.com port 22: Connection refusedfatal: Could not read from remote reposi
当执行git命令如:git clone、git pull等等出现报错:ssh: connect to host github.com port 22: Connection timed outfatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.问题主要出在是ssh密钥上,需要重置密钥,而且在git上添加打开cmd 输入
2022-07-01 14:36:42
7554
原创 JS判断数据类型
1.typeof通常用来判断基本数据类型,它返回表示数据类型的字符串(返回结果只能包括number,boolean,string,function,undefined,object); *注意,使用typeof来判断null和引用类型 返回的结果都是 'object'2.instanceof使用instanceof,如:a instanceof A 根据instanceof的定义:判断参照对象(大写字母A)的prototype属性所指向的对象是否在被行测对象a的原型链上,instanceof 只能用来
2022-06-30 09:56:14
106
原创 vue+element table实现表格行 列拖拽效果(以及控制关闭拖拽)
vue+element table实现表格行 列拖拽效果(以及控制关闭拖拽)
2022-06-14 09:12:03
4111
1
原创 element ui table表格鼠标悬浮或点击 取消高亮
.el-table tbody tr:hover>td { background: #FFF4E7!important }.el-table__body tr.current-row>td.el-table__cell{ background: #FFF4E7!important }css写法(会影响其他页⾯中的表格样式),可以⽤⼀个div把表格包起来给个class名,然后应该就不会影响其他页⾯中的表格样式了...
2022-05-26 10:58:01
2439
1
原创 vue 调用非父子组件的方法
有两个组件A和B,A和B不是父子组件,但是我需要在B组件中调用A组件的方法举个例子,A组件的methods里有一个add方法。那我再B组件脚本开头引入//B模块import A from 'A的相对路径’然后调用方法A.methods.方法函数名()...
2022-05-20 09:05:37
555
4
原创 js获取当前时间
getNowTime(){ var date = new Date(); //年 getFullYear():四位数字返回年份 var year = date.getFullYear(); //getFullYear()代替getYear() //月 getMonth():0 ~ 11 var month = date.getMonth() + 1; //日 getDate():(1 ~ 31) var day = date.getDate(...
2022-05-19 17:13:25
526
原创 git如何找回本地被覆盖的代码
1、方法1git reflog 查看提交记录,找到对应的commitIdgit reset --hard 版本号 就回到当时的那个版本(git reset --hard HEAD@{n})2、 git pull不覆盖修改的代码:先把修改好的代码存放在缓存里,等代码拉下来以后再恢复缓存里的修改的代码步骤:git stash save "commit content"git pullgit stash popgit stash listgit stash show...
2022-05-19 08:52:45
5155
原创 element-ui 给el-select下拉框的el-option选项绑定点击事件
element-ui 给el-select下拉框的el-option选项绑定点击事件在el-select里可以写 @change 监视选中值的改变。我只想在选中某个选项时执行操作,使用@change会使每次选中都进入方法,需要用if语句来判断,能不能直接在该el-option里写入 @click 呢?在el-option里直接写@click发现没反应,改为使用 @click.native 即可以给el-option添加点击事件。...
2022-05-07 14:19:31
13406
4
原创 js 金额数字转换成普通数值(Number类型)
CurrencyFomatNumber(number, n) { if (number != null && number != '' && number != undefined) { number = number.replace(/,/g, ''); //去除千分位的',' if (isNaN(number)) { //判断是否是数字 number = '0'; ...
2022-04-29 11:47:18
1042
1
原创 js查找对象数组中某个元素的下标
关于JS的数组操作,有很多熟知的方法,比如,forEach, map, filter 等等。但是对于“查找对象数组中某个元素下标”这个需求,今天get了一个新的写法。var array = [1,2,3,'4']; var indexOf4 = (array || []).findIndex((item) => item === '4'); console.log(indexOf4); // 3var profiles= [ { id: 'id123',
2022-04-20 11:34:20
12965
1
原创 vue 一个项目使用两个不同的域名请求接口以及跨域
vue.config.js文件 proxy: { //代理跨域 '/api': { target: 'http://zp.awfewf.com/', changeOrigin: true, logLevel: 'debug', pathRewrite: { '^/api': '' }, }, '/': { target: process.env.VUE_APP_BASE_A
2022-04-18 16:06:11
5128
原创 vue路由,解决同一路由页面多次触发不刷新页面【vue开发】
vue路由的机制是这样的:不同的路由vue会刷新并跳转到相应路由,但如果是下一个点击触发的还是当前路由则当前路由页面不会被刷新要解决的问题是:很多时候是通过地址传参触发同一个页面就没法加载不同的数据解决思路:虽然下一个点击还是当前路由不会刷新当前路由,但我们知道r o u t e 路 由 数 据 此 时 是 发 生 了 变 化 的 , 比 如 route路由数据此时是发生了变化的,比如route路由数据此时是发生了变化的,比如route里传递的参数信息会随着每次不同的点击发生变化,那么我
2022-04-15 17:24:11
2120
原创 ElementUI中checkbox v-model绑定值为布尔、字符串或数字类型
布尔值 <template> <!-- `checked` 为 true 或 false --> <el-checkbox v-model="checked">备选项</el-checkbox></template><script> export default { data() { return { checked: true }; } };</s
2022-04-13 11:52:33
2942
1
原创 element el-input设置只能输入数字 而且限制最大值
// An highlighted block<el-input v-model="value" placeholder="请输入纯数字" type="number" @input="if(value > 120) value = 120; if(value < 0) value = 0;"></el-input>在最小值会出现某种情况 但最小值为5, value值为5时, 无法回车去除5这时候可以把@input 改写成 @blur 使用失焦来限制最大最.
2022-04-13 11:50:11
8438
原创 element table表格设置最大选择量 (超过最大量则删除上一条数据)
1.css<el-table :data="tableData" center ref="table" style="width: 100%" @select="handleSelectionChange" stripe>2.js handleSelectionChange(selection, val) { // table组件选中事件,记得加上@select="hand...
2022-04-01 08:41:30
1670
原创 vue 实现 可以拖拽的穿梭框 --transfer
<template><div id="box"> <div class="box"> <div class="title"> <span :class="{active: leftSelect === data1.length}" @click="selectAll(data1)">课件列表</span> <span>{{leftSelect ? leftSelect : 0}}/{{.
2022-03-25 11:58:33
1235
原创 echarts柱状图、折线图横坐标添加滚动条方法
在option中添加属性:dataZoom: { show: true, realtime: true, y: 36, height: 20, start: 20, end: 80}
2022-03-18 15:47:21
3424
原创 vue+富文本编辑器
1.下载Vue-Quill-Editornpm install vue-quill-editor --save2.下载quill(Vue-Quill-Editor需要依赖)npm install quill --save3.引入注册并使用<template> <div class="edit_container"> <quill-editor v-model="content"
2022-03-17 11:07:04
228
原创 ElementUi多选框表格,翻页选中有记忆功能保持默认选中
具体要实现的细节点击表头的复选项,会进行全选;再次点击,会取消; 每次需要把选中该行的id传过去 切换分页的时候,需要有记忆功能:也就是翻页原本选中的不应该消失 。下方图片展示:(展示的是所有的选中的,切换分页的)1.<el-table :data="tableData" ref="multipleTable" :row-key="(row)=>{ return row.id}" //这行是重点tooltip-effect="dark" @selection-chan
2022-03-10 13:41:47
712
1
原创 ES6 includes()方法
Array.prototype.includes方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似。参数1)第一个参数是要查找的元素2)第二个参数表示搜索的起始位置,默认为 0 。如果第二个参数为负数,则表示倒数的位置,如果这时它大于数组长度(比如第二个参数为 -4 ,但数组长度为 3 ),则会重置为从 0 开始。只有一个参数情况[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // f.
2022-02-24 09:05:51
540
原创 vue npm run lint修改错误配置
步骤如下:①打开package.json,在script里找到修改为:(中间插入–fix)lint": "eslint --fix --ext .js,.vue src test/unit",2、终端运行npm run lint修改代码样式3、最后终端运行npm run dev就不会报ESLint错误了。...
2022-02-23 08:36:10
1228
原创 element el-table组件自定义表头,给表头添加点击事件
1、slot="header"<el-table-column prop="handle"> <template slot="header"> <span @click="seeDetail">查看详情</span> <span class="explain" @click="seeHandle">只查看待处理</span> </template> <t
2022-02-22 09:52:25
2665
原创 vue传值
1、父组件传给子组件在子组件里定义一个props,即props:[‘msg’],msg可以是对象也可以是基本数据类型如果你想定义一个默认值,即 props:{msg: {type: String, default: ‘hello world’}},需要注意的是这种传值是单向的,你无法改变父组件的值(当然引用类型例外);而且如果直接修改props的值会报一个警告。推荐的写法是在data()里重新定义一个变量(见Children.vue),并把props赋值给它,当然计算属性也行。<
2022-02-21 13:41:03
246
原创 uniapp监测用户左滑右滑上滑下滑事件
定义组件定义的该组件名称swiper-direct-com(自己可以随便命名) <template> <view class="wrapper" @touchstart="fingerstart" @touchend="fingerend"> <slot></slot> </view></template><script> export default { name: "swipe-dire.
2022-01-13 11:15:45
5461
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人