熊xing
码龄2年
  • 31,387
    被访问
  • 42
    原创
  • 48,289
    排名
  • 10
    粉丝
关注
提问 私信

个人简介：随风随云随心

  • 加入CSDN时间： 2020-04-21
博客简介：

weixin_47239395的博客

查看详细资料
  • 3
    领奖
    总分 228 当月 12
个人成就
  • 获得19次点赞
  • 内容获得5次评论
  • 获得30次收藏
创作历程
  • 1篇
    2022年
  • 19篇
    2021年
  • 23篇
    2020年
成就勋章
兴趣领域 设置
  • 前端
    javascriptjsonhtml5cssajax正则表达式css3echartslessvue.jselementuies6npm前端前端框架
  • 后端
    node.js
  • 小程序
    小程序
  • 软件工程
    性能优化
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

iview Datepicker日期时间选择器,设置结束时间比开始时间多23:59:59

啰啰嗦嗦的序言:vue iview项目,PC内管系统,搜索条件有开始结束两个时间输入框,有默认值,结束时间比开始时间多差不多24小时效果:<template> <Form :model='formInLine' :label-width='90' inline> <FormItem label='开始时间'> <DatePicker type='datetime' v-model='formInLine.startTime
原创
发布博客 2022.04.27 ·
280 阅读 ·
0 点赞 ·
0 评论

vue wangEditor富文本表格(查看表格/序列样式缺失)问题

啰啰嗦嗦的序言(可看可不看): 先说下我的需求,富文本中新增一个表格需求,富文本已实现(增删查改),表格新增要一起同步这四个场景, 开始我用的vue-quill-editor,结果发现坑太多,我查看的时候没法把拿到的数据丢到quill里面去修改,只能v-html展示,还有缓存以及验证的一些问题,只是想在富文本加个表格,发现用vue-quill-editor要改的地方太多,果断弃坑了,网上找了下发现wangEditor貌似不错,还有团队在维护,兼容:支持Vue、React、Angular等框
原创
发布博客 2021.12.28 ·
883 阅读 ·
1 点赞 ·
1 评论

vue-quill-editor富文本支持表格编辑

首先vue-quill-editor百度到的v1是不支持表格操作的,我就直接升级到v2npm install quill@2.0.0-dev.3 -dev–save推荐直接写个公共组件: editor.vue<template> <keep-alive> <div> <div class="editor"></div> </div> </keep-alive></templ
原创
发布博客 2021.12.09 ·
1908 阅读 ·
3 点赞 ·
0 评论

为什么在Visual Studio Code 中输入的汉字变成繁体字了?电脑上其他地方的输入是正常的

按照下列操作方法试试:打开 Visual Studio Code快捷键 “Ctrl+Shift+P”Visual Studio Code顶部搜索框输入’configure language’----- 回车 // Configure Display Language在下拉框(配置显示言语)选择 ----- “zh-cn”"Ctrl+s"保存,重启Visual Studio Code...
原创
发布博客 2021.11.22 ·
290 阅读 ·
0 点赞 ·
0 评论

js 截取URL &后面的值

JS截取URL&前面的内容let url = window.location.href;let i = url.lastIndexOf('\&');let h5Url = url.substring(0, i+1);console.log('h5Url', h5Url) // customerToKen=2010299878748999737// localhost:8003/#/videoReady?customerToKen=2010299878748999737&a
原创
发布博客 2021.10.25 ·
160 阅读 ·
0 点赞 ·
0 评论

vue render里面使用switch case多重判断

<Table border :columns='myMissionColumns' :data=data></Table>export default { name: 'highFrequencyCall', data () { return { data: [], myMissionColumns: [ { title: '任务类型', key: 'taskType', render: (h,
原创
发布博客 2021.10.22 ·
468 阅读 ·
0 点赞 ·
0 评论

vue render里面使用switch case多重判断

<Table border :columns='myMissionColumns' :data=data></Table>export default { name: 'highFrequencyCall', data () { return { data: [], myMissionColumns: [ { title: '任务类型', key: 'taskType', render: (h,
原创
发布博客 2021.10.22 ·
468 阅读 ·
0 点赞 ·
0 评论

vue render里面使用switch case多重判断

<Table border :columns='myMissionColumns' :data=data></Table>export default { name: 'highFrequencyCall', data () { return { data: [], myMissionColumns: [ { title: '任务类型', key: 'taskType', render: (h,
原创
发布博客 2021.10.22 ·
468 阅读 ·
0 点赞 ·
0 评论

vue js三目的多重判断

方法一: 最简单的判断 a == 1 ? '是' : '不是'方法二: 多重判断 function test (a) { return a == 1 ? '是' : (a == 2 ? '不是' : '未知') }
原创
发布博客 2021.10.22 ·
370 阅读 ·
2 点赞 ·
0 评论

iview render列表处理数据

<Table :columns='columns' :data='data'></Table>columns: [ {title: '任务类型', key: 'taskType', render: (h, params) => { switch (params.row.taskType) { case "1": return h('span', "同一号码来电" );
原创
发布博客 2021.10.14 ·
74 阅读 ·
0 点赞 ·
0 评论

解决window.location.href跳转无效,地址直接接在原URL后面的问题

写H5项目,遇到一个问题,多个系统在一起的一个项目,视频面签是我这边负责的,挂断视频之后要跳回别的系统,他们会在一开始传个跳转路径URL给我错误的方法let h5URL = 'www.baidu.com'// 在挂断事件里面调用它window.location.herf = h5URL // 结果输出到页面location: 8880/#/www.baidu.com// 后来尝试加了协议let h5URL = "http://www.baidu.com"window.location.he
原创
发布博客 2021.09.10 ·
1804 阅读 ·
1 点赞 ·
0 评论

iframe嵌套pdf文档，鼠标中键无法控制滚动条

属于嵌入式项目的,运行在自己项目中是完全没问题,嵌入到其他项目中就完全不行了,于是百度了一下,找到很多说这个的问题,大概试了一下,o的k// 在自己项目的入口index.html文件上添加这一句,完全解决了我的问题<body onmousewheel= "top.document.body.scrollTop-=event.wheelDelta "/> // 注意项目开头如果是这个写法需要改一下----(错误写法)<!DOCTYPE html PUBLIC "-//W3C//D
原创
发布博客 2021.08.20 ·
138 阅读 ·
0 点赞 ·
0 评论

vue js原生二级组件树,子级带input搜索功能

样板图:HTML结构:<template> <div class='common-business-components'> // 设置底层透明背景层,覆盖整个页面,点击时收回tree <div class='mask' v-show='maskCommon' @click='closeCommon'></div> <div id='app' :class="{'on': isVi
原创
发布博客 2021.08.20 ·
91 阅读 ·
0 点赞 ·
0 评论

查询URL上的参数,并截取

// 查询URL参数的公共方法: 推荐写在公共js里面(我写在utils文件夹下的utils.js文件里面)import _ from 'lodash'export const getQueryString = (name, url) => { const reg = new RegExp('[&, ?]' + name + '=([^\\&,\\#]*)', 'i'); const value = reg.exec(url || location.href); retur
原创
发布博客 2021.08.18 ·
32 阅读 ·
0 点赞 ·
0 评论

vue 项目dev/sit/uat环境判断

一般在utils文件夹下api.js文件里面写接口,接口环境判断var href = window.location.href //两者都可以拿到当前运行URL链接// var host = window.location.host let _ipcc_cst;const _sysServer = (/(creditcard.ecitic.com)/i.test(location.origin))?'https://creditcard.ecitic.com':'https://e.test.ban
原创
发布博客 2021.08.17 ·
287 阅读 ·
0 点赞 ·
0 评论

vue $router路由跳转方式 --带参数

方法: push()和replace()跳转this.$router.push()和this.$router.replace()用法一致1. 不带参数this.$router.push('/login') //this.$router.replace('/login')this.$router.push({name:'login'}) //this.$router.replace({name:'login'})this.$router.push({path:'/login'
原创
发布博客 2021.08.13 ·
607 阅读 ·
0 点赞 ·
0 评论

vueX基本运用,以及作用

vuex类似全局的一个store(仓库),放在里面的数据状态(state),在整个项目中,都可以获取到,跟全局对象不同的是,vuex是响应式的当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation首先在项目中新建一个文件store.jsimport Vue from 'vue'import Vuex fro
原创
发布博客 2021.08.13 ·
13 阅读 ·
0 点赞 ·
0 评论

vue-router使用后在本地可以跳转,test环境this.$router.push()失效问题

(错误方法)一开始: 怀疑是this指向问题,试了下发现不是这个问题 var that = this, that.$router.push()然后怀疑是路由没写好: that.$router.push({name: '/home'}) that.$router.push({path: '/home'}) that.$router.push('/home') 各种都试了下,没用- - 然后打断点开始一一排查,又怀疑是mode: 'h
原创
发布博客 2021.08.13 ·
442 阅读 ·
0 点赞 ·
0 评论

vue 页面高度自适应 超出部分滚动条

可视区高：document.body.clientHeight可视区高+边框线：document.body.offsetHeighthtml:<div :style="{ height: screenHeight + 'px' }" class='odiv'>最外层div</div>js部分:document.body.clientHeight - 110(这个数值根据自身页面预留来设置,我页面是头部菜单固定,下面div内容自适应)data:{ screenHeigh
原创
发布博客 2021.06.22 ·
3410 阅读 ·
2 点赞 ·
1 评论

vue 窗口拖拽事件v-drag(并且控制不超出屏幕可视区/解决频繁拖拽滞后问题)

<template> <div v-drag class='div-class'></div> // 定位最好用absoulte或者fixed,relative极大几率不生效</template><script> export default { name: 'modalBlock', props: {}, data () { return {} }, dir
原创
发布博客 2021.06.21 ·
1457 阅读 ·
1 点赞 ·
1 评论
加载更多