- 博客(44)
- 收藏
- 关注
RSS订阅原创 ant design vue 的table固定列出现滚动条
根据需求需要在列多的表格固定某列，本地代码是没有任何问题，但是打包后运行的话，就会固定列的旁边会多一条滚动条，客户不想要这样的滚动条，还有滚动条到固定列，2.会被固定列遮挡，但是这些问题在没有打包的时候都不是问题，但是为什么会这样，还没搞懂。先解决问题吧，在app.vue中的style更改控制滚动条的样式。/*滚动条*/::-webkit-scrollbar{ width:6px; height:8px;}.ant-table-fixed-left, .ant-table-f
2021-05-21 15:03:56
4386
原创 vue cli3项目打包以及上线，调试/页面刷新会报错-Uncaught SyntaxError: Unexpected token ‘＜‘/
yarn bulid 生成dist文件夹，打包后 cmd cd 进入 该文件夹 运行 服务就可以了运行调试了。$ cd dist$ npx serve -d然后访问 lochost:5000 就可以了
2021-05-07 14:20:20
1602
4
原创 ‘axios‘ is defined but never used no-unused-vars报错，
查了些文章，原因是因为eslint校验的问题，你在vue中定义一个变量，在下文却没有用，就会报错，看到一些解决办法就是在错误语句的后面加上// eslint-disable-line no-unused-vars但是不起效果。另外一种办法就是在配置文件中.eslintrc.js。module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential' ], rules:
2021-04-20 10:47:41
7083
原创 前端js禁止左键选中操作，并且左键提示框的位置控制。
<template> <div class="hello" @cilck="clicks" @contextmenu.prevent="stop($event)"> <h1 @click="seeWidth">测试</h1> <div class="noCopy">测试禁用复制功能</div> <div class="noCopy">测试禁用复制功能</div> <div
2021-04-14 09:07:05
958
原创 D3.js-数据可视化--个人理解总结。
D3.js，也叫 D3，表示数据驱动文档。D3 是一个在浏览器里创建动态可视化数据的 JavaScript 库。它基于 web 标准，即 HTML、CSS 和 SVG 技术。D3 获取输入数据并且映射到相应的可视化内容里。它支持不同的数据格式。D3 允许将数据绑定到 DOM 上。你可以使用 D3 的内建方法通过 HMTL 或者 SVG 元素实现数据可视化。D3 提供了大量控制数据的方法。1.用D3给文档添加元素。首先要选择select（）这个标签元素，可用链式向标签里添加html节点appen
2021-02-20 16:56:29
1432
原创 Sass--对css的扩展。
sass具有css不具备的新特性。可以更好的维护样式，改动更简单。Sass完全兼容css，因为他是一个预处理器，用Sass写的代码会转换为标准的css。在cass可以使用变量，嵌套，导入等，保持大型样式结构良好。sass有两种语法：第一是 SCSS,是 CSS的扩充版本，文件可以以.scss为扩展名。 第二是 古老语法（缩排语法，简称’sass‘），它不使用花括号，而是通过缩排的方式来表达选择符的嵌套层级，它也不使用分号，而是用换行符来分隔属性。此种语法的样式表文件需要以
2021-02-19 13:45:32
331
原创 Bootstrap使用方法总括。
1、Bootstrap的的响应式设计，添加class类名，container-fluid。和container作用类似。padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto2、图片自适应，在image标签上添加class，img-responsive3、文本居中 添加class，text-center。4、button按钮的默认样式，class=’btn，btn-default‘。浅蓝色 btn-inf
2021-02-19 09:48:08
332
原创 在忽略标点符号、大小写和空格的前提下，正着读和反着读一模一样--（回文）
function palindrome(str) { return str.replace(/[\W_]/g, "").toLowerCase() === str.replace(/[\W_]/g, "").toLowerCase().split("").reverse().join("")}//tr.replace(/[\W_]/g, "") 先将所有空格或非字母数字字符串的换成空，//在统一转化为小写字母，再通过链式的将字符串分割开，颠倒顺序，再拼接到一起，//对比结果一样返回tru
2021-02-18 16:27:52
376
原创 if判断（新增和编辑）使用模块。
通常来说，我们会将新增和编辑放到同一页面去处理。那么就需要我们来根据情况来进行判断，什么时候是新增，什么时候是编辑。接下来将举例。 intData() { //this.changeData 是指回显编辑时当前用户的回显信息。 if (Object.keys(this.changeData).length) {//如果数据的键值key存在-编辑 this.type = "edit"; //this.intObj data数据中初始化的 let c
2021-02-05 13:39:55
462
原创 ant design vue的table表头拖拉适应宽度。
在data中的columns中每一列会有固定的宽度（如果不给定宽度，拉拽则不起作用）。如果是这样的结果那么我们需要根据文档来设置components以及结合《vue-draggable-resizable》插件。在data数据中定义，data （）{ return { components: { header: { cell: this.changeTitle } }, }}methods（）{ changeTitle(h, props, children) {
2021-02-05 10:15:49
4827
5
原创 ant design vue table表头居中，表体居右。
根据要求进行设置，话不多说。column=[ { title: '名字', key: 'name', dataIndex: 'name', width:30, //align:'center',//--如果设置了会覆盖下面的right。控制表头& 表体。表头默认居左， customRender:(value, row, index) => {//本列的值,所有行数据包括本列,第几列。表体的数据列样
2020-11-18 11:40:11
11462
2
原创 多条件筛选，多个筛选条件匹配显示列表
search: function (e) { //showList显示所有数据 let allData = showList if (this.data.search_data == '' && term1== '全部' && term2== 'all' && term3== 'all') { searchData = allData } else { if (term1!= '全部') { .
2020-06-22 15:15:01
1930
转载 微信小程序使用阿里字体图标库的方法
1 第一种就比较简单，直接下载下来，（下载素材——可以选择是SVG,AI,PNG图片模式）2 第二种就是 下载代码，我看到一篇文章（原文地址：https://blog.youkuaiyun.com/nongweiyilady/article/details/74244362）对于其转化介绍的很详细。大体分为一下几个步骤。第一步：下载需要的字体图标第二步：下载完解压 ，去转换ttf文件进入https:...
2020-04-29 11:39:31
961
原创 踩坑chrome的Octotree插件：GitHub以树形显示——Octotree插件的安装方法
在博客上有很多文章都在对chrome浏览器Octotree插件安装方法，看了好几篇文章，好像会有几个步骤有问题，网页链接打不开，或者有的需要Q。所以我就将我安装过程中的问题及解决办法提出来。先按步骤去进行，如果哪里走不通的，再去查找相关的问题。1 octotree-chrome插件.crx的地址2 下载后，在安装过程中发现问题，就是chrome浏览器不能对crx文件进行直接拖动安装。发现ch...
2020-04-26 15:57:21
1091
原创 easyui的combotree的回显操作
area=urldata.area，area就是地区选择时的id。连同编辑时根据获取的信息进行回显操作，本篇文章是对easyui的combotree的回显操作 //地区 get请求$.get('/···/···/···'路径, { pid: id, //参数}, function (data) { $('#area').combotree({ data:data.li...
2020-04-23 09:49:03
1480
原创 kindeditor富文本编辑器的简单使用方法
1 首先得和官网的使用步骤一致 引入css，和js//默认样式，涵盖比较全<link rel="stylesheet" href="/kindeditor/themes/default/default.css" />//简单模式，编辑操作只有部分，但是我在用的时候好像没效果，//如果有哪位大佬无意中点进这篇文章，可否留下您的评论，在下先谢过了。<link rel="st...
2020-04-23 09:35:14
493
原创 编辑时根据获取的信息进行回显操作
let iseditor=GetQueryString("data");function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).matc...
2020-04-22 17:55:12
878
原创 向上prev(),before();向下next(),after()通过<table>表格中的tr进行排序
//触发排序函数时 调用ajax $.ajax({ url: '/add/···',//路径 type: "POST", data: { "page": 1, "rows": 999999, "userId": id }, success: function (data) { ...
2020-04-22 09:35:46
494
原创 easyui中的$('#treedata').combotree()和 $('#pagegrid').datagrid(）
**combotree**<div class="layui-col-md3"> <label class="layui-form-label">树形结构：</label> <div class="layui-input-block"> <input id="treedata" type="text" name...
2020-04-21 15:06:28
362
原创 js动态添加选项，并可以删除，表单提交时获取选项
var selectNum=0 //添加方法 function addTieType (){ if($('.addtietype input').size()<5){ selectNum++ $('.addtietype').append("<div>\n" + "...
2020-04-21 11:24:58
434
原创 layui的laypage多个实例上下页码实现同步显示
比如文章列表的上面和下面同时显示，他们显示是两个地方都显示，但是数据得保持一致可能我的问题描述不是特别简易，简单来说就是，分页页面的上下都有页码的展示，但是他们又是两个实例，没法实行同步。我原先的思路是，在上页码的分页操作时，让他对下页码的分页进行控制。反之，就是下页码进行操作时，也同时让他对上页码进行控制。但是这样行不通。原因会在下面代码引入后尽行解释。function s...
2020-04-20 08:56:39
980
原创 用js来截取带有html标签的内容
用js来截取带有html标签的内容，有正则方法，还有另一种方法。那就是开始上代码了。var htmlConten="<p>dffffffff</p><p>中共工作局 版权所有未经许可不得转载或建立镜像号</p><p>地址 版权所有未经许可 版权所有未经许可 版权所有未经许可 版权所有未经许可ina.com</p>"//第一...
2020-02-29 16:02:58
2370
1
原创 模板字符串中 嵌套模板字符串
模板字符串中有需求循环数据放到其中，原先我用arr.map(item=><li><a>${arr.content}</a></li>)这样不符合要求 ，会报错奇怪，话不多说，上代码 $('.con1').append(` <div class="con1nr" style="width: 322px;" > ...
2020-02-18 13:18:28
3559
原创 根据搜索input框内容，粗略匹配数据显示
显示的数据 filterList 写在计算属性当中 只要数据发生变化，就会引起数据的变化filterList () { var arr = [] //arr就是要循环显示的数据 for (let tmp of this.leftList) { arr.push(tmp) } //不进行实时更新，只有按下button按钮时候才...
2020-01-15 14:22:28
513
原创 将一个数组的任意两个元素删除
rightList：就是整个数组[{id:1,alias:ADSM},{id:2,alias:ADDD},…]selectedRowList：就是任意选择的数组进行删除for (let i = 0; i < selectedRowList.length; i++) { const isTrue = rightList.some(item => { ...
2020-01-15 11:48:23
1015
原创 element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证
element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证，这样会减少消耗。看别人写的文章 ，只有在写怎么添加验证，不能满足我的需求。其实很简单，直接在el-input上加一个属性就行，<el-input ref="nodeName" v-model="form.nodeName" maxlength="122" show-word-limit :...
2020-01-08 16:39:15
22031
5
原创 Error in v-on handler: "TypeError: Cannot read property 'id' of undefined"
出现这个错误 就是因为state中tabs数组中有id是有问题的，我都把每个变量打印出来，看看到执行到哪一步出现报错。问题就在，当添加相同的 ‘导入模板’就会出现报错，解决办法，如果tabs中有当前添加的项，就让他return出来，如果tabs中没有 就触发函数 addAsync（）const index1 = state.tabs.findIndex(item => { ...
2019-12-27 16:42:01
6098
原创 Computed property "activeTabId" was assigned to but it has no setter.
Computed property “activeTabId” was assigned to but it has no setter.意思是：‘’已将计算属性“activeTabId”分配给，但它没有setter。‘’activeTabId是通过vuex 来向模块中state取出来的，首先在 数据双向绑定的时候将 v-model=‘activeTabId’ 改为 ：value=‘ac...
2019-12-26 18:05:31
2384
原创 @mixin与@include；@import与@extend； /deep/
在维护和开发项目时，为了提高效率，会有代码的重复利用。在Sass中，除了@import和@extend增加代码的重复利用性，当然@mixin指令也有同样的效果。@extend指令通过继承从而简化了代码，但是不够灵活，还会将你不想要的别的地方的相同的类名全部都继承。@mixin指令是另一种简化代码的方法。Mixins可以包含任意内容且可以传递参数，因此比’@extend’更加灵活和强大。@mi...
2019-12-25 13:58:19
688
原创 vuex使用模块化开发
文件 store.jsimport Vue from 'vue'import Vuex from 'vuex'import ager from './modules/ager'import parStore from '@/pages/par/store'Vue.use(Vuex)export default new Vuex.Store({ modules: { a...
2019-12-25 10:33:39
513
原创 cnpm : 无法加载文件 C:\Users\user\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行 脚本。有关详细信息，请参阅 https:/go.micro
换了电脑后，项目运行不起来，因为用会npm下载有一个包下载不下来，解决办法就是：配置淘宝镜像。1：npm config set registry https://registry.npm.taobao.org在命令行输入 npm config get registry或npm info express 如果出现 https://registry.npm.taobao.org/ 则配置成功2...
2019-12-25 10:21:47
1962
原创 面试场景，心得体会
在这里重点强调，大家在写项目的时候，也要多多的了解底层东西。大多数人为了完成工作，可能回对于一些不常用的基层东西有些不太熟悉。这样其实对于个人的长远发展是不太友好的。当面试官的提问，我答不出来的时候，我就意识到，对于不常用的知识，我是该花时间再进行记忆了。当发现自己在哪方面有欠缺，就立即去学习，因为只有这样才会丰富自己，当你每天都觉得没问题的时候，其实问题就开始来找你了，本人有体会。...
2019-11-30 16:20:44
397
原创 小程序触底加载 Invalid attempt to spread non-iterable instance
Invalid attempt to spread non-iterable instance我出这样打错误 是在写小程序的时候， 数据下滑 一页数据加载到底 会继续请求 下一页的数据 ，所以 需要将两页的数据运用扩展运算符进行 拼接 放到数组里面 ，由于 原先我的数组 是以对象的形式进行 存储的 所以 出了 这样的报错如下代码： goodsList：{} 改为 goodsLi...
2019-11-17 12:15:33
5198
原创 Error in v-on handler: "TypeError: Cannot read property 'meta' of undefined" Cannot read property 'm
Error in v-on handler: “TypeError: Cannot read property ‘meta’ of undefined”Cannot read property ‘meta’ of undefined我的代码在没有改动的情况下 竟然每次刷新都会不同 又时会报错 又时 又不会报错，仔细查看完代码，发现我在向后台发送ajax的时候竟然是没有写 async aw...
2019-11-06 00:03:52
5492
1
原创 Method "computed" has type "object" in the component definition. Did you reference the function cor
Method “computed” has type “object” in the component definition. Did you reference the function correctly?出现这样的问题就是 将methods方法报裹住了computedcomputed: { carId() { if(this.addForm.g...
2019-11-05 23:53:02
7817
5
原创 Error in v-on handler (Promise/async): "TypeError: Cannot read property 'validate' of undefined"
今天遇到了问题，查了好多文档都没解决我的问题，死心了。我决定按下心来再看一遍问题。是个小问题，只怪自己粗心，看了好几遍觉得问题不应该出现在这。其实问题就是 表单的验证应该是在点击对话框的确定按钮 的时候才应该进行 。而我将验证写在了点击修改按钮触发的函数里了改出来就好了...
2019-11-05 23:50:52
36479
原创 用VUE手动搭建脚手架《二》及图形化界面搭建脚手架
因为webpack加载器默认只打包.js文件，可我们需要打包别的文件怎么办？结合上一篇文章，今天来写一下加载器loader。**以下内容就是有关内容**less-load 可以打包 .less文件sass-load 可以打包 .scss文件url-loader 可以打包 css 中与url路径相关的文件1.npm i style-loader css-loader -D （处理 cs...
2019-10-30 09:41:12
461
原创 用webpack手动Vue搭建脚手架《一》
webpack 就是一个打包工具。创建项目，在根目录行下运行 npm init -y 命令， 初始化包管理配置文件 package.json新建src 文件夹 --> 建index.html 以及 index.js （ES6模块化语法导入 规定要用import ~ from ~）index.html 文件<ul> <li>happy111<...
2019-10-27 22:52:14
397
原创 Component template should contain exactly one root element. If you are using v-if on multiple eleme
Errors compiling template:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.所以说就是在template中没有用一个根组件，解决方法就是...
2019-10-27 21:21:52
213
原创 Invalid prop: type check failed for prop "enterable". Expected Boolean, got String with value "fals
Invalid prop: type check failed for prop “enterable”. Expected Boolean, got String with value “false”.出现此问题的报错 是因为布尔值要用“：“动态来表示 否则会将布尔值”false”化为字符串形式。如图下图：解决方法：这样就解决了...
2019-10-27 21:04:01
5685
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人