- 博客(31)
- 收藏
- 关注
RSS订阅原创 解决eslint与webstorm关于script标签的缩进问题
解决eslint与webstorm关于script标签的缩进报错问题，第一步，添加script(参照最后一张图片)，完成第一步基本就可以了，只要export可以顶格写，就成功了；试一下：全选（ctrl+A）,然后格式化代码（Ctrl+Alt+L）。第二部，如果第一步不行，还有报错，就设置一下javascript的space(空格位置设置)...
2019-08-29 20:57:40
688
原创 vue框架 ant design 日历控件不显示问题 v-model显示无效
vue : ant design 日历控件<a-date-picker>在编辑功能时，已经获取到之前选中的日期，但编辑时日期没有显示出来。解决：需要引入moment**注意：**DatePicker、MonthPicker、RangePicker、WeekPicker 部分 locale 是从 value 中读取，所以请先正确设置 moment 的 locale。// 默...
2019-08-29 17:52:09
6546
原创 ant-design-vue 快速避坑指南
ant-design-vue 快速避坑指南ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。本文主要目的是总结一些开发过程中比较耗时间去查找，...
2019-08-29 17:44:57
666
转载 ant-design-vue 遇到的问题和常见场景的实现
ant-design-vue 遇到的问题和常见场景的实现1、select/datepicker/asacader 组件菜单框显示时，滚动页面，菜单框不随父元素滚动，而是根据body页面滚动原因： ant默认append到body解决： 通过组件的属性getXxxContainer 修改渲染的父元素 <template> <a-select ...
2019-08-29 17:41:17
2250
原创 Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决一、背景在Vue项目中使用了第三方的datepicker插件，在选择日期后vue无法检测到datepicker输入框的变化 <label class="fl">日期：</label> <div class="input-wrapper fr"> <inp...
2019-08-29 10:21:26
578
转载 datepicker选中日期事件&Vue.js数据绑定不成功
周末·简设°我的名字：“周末”程序猿/轻设计/轻生活/轻日记/轻梦想======QQ：772892349======首页/网页设计/精致慢生活/感悟思语datepicker选中日期事件&Vue.js数据绑定不成功TAGS: Vue.js,datepicker 这篇不知该如何选取标题，原因是包含两个主题，【datepicker选中日期事件】和【...
2019-08-29 09:37:07
3726
原创 vue中使用element DateTimePicker，数据绑定不上
vue中使用element DateTimePicker，数据绑定不上说明1、DateTimePicker虽然有快捷选日期的功能，有时候需要自定义按钮就需要代码去修改属性2、群里的小伙伴在ie系列浏览器遇到一个鬼畜问题，就是数据更新了，DateTimePicker并没有渲染，DateTimePicker通过v-model绑定了数据，在设置函数里修改了数据，然而DateTimePic...
2019-08-29 09:18:22
2427
原创 Ant Design日期选择框DatePicker值的保存与显示
Ant Design日期选择框DatePicker值的保存与显示1：对于DatePicker获取到的值，保存到后台时，需要在实体类中对该字段添加JsonFormat注解，如图所示2：表单页在设置DatePicker初始值，需根据当前的操作标识取相应的值，并且需要在文件顶部引入momentimport moment from 'moment'initialVal...
2019-08-28 18:38:31
1852
原创 使用Ant Design 和Vue，React中后台开发套餐
使用Ant Design 和Vue，React中后台开发套餐前言目前Ant Design 提供 React 和 Vue 两种整合开发框架，开箱即用的中台前端/设计解决方案，可适合中小公司统一后台开发技术栈，本来只是业务信息系统，不要重复造轮子AntDesign of React教程：https://ant.design/docs/react/introduce-cn项目...
2019-08-28 17:06:12
524
原创 ant-design-vue 遇到的问题和常见场景的实现
ant-design-vue 遇到的问题和常见场景的实现1、select/datepicker/asacader 组件菜单框显示时，滚动页面，菜单框不随父元素滚动，而是根据body页面滚动原因： ant默认append到body解决： 通过组件的属性getXxxContainer 修改渲染的父元素 <template> <a-selec...
2019-08-28 16:43:46
3966
原创 import Vue from 'vue'
import Vue from 'vue' import Vue form 'vue'的意思 import Vue form 'vue’的意思import Vue form ‘vue’写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’； 此时在webpack.base.conf.js中进行了定义，内置了一些选项，e...
2019-08-28 09:23:27
293
原创 前端学习总结（二十）那些你可能不知道却强大方便的WebStorm快捷键
前端学习总结（二十）那些你可能不知道却强大方便的WebStorm快捷键1 自动注释和撤销注释：ctrl+/在一句代码前面用 ctrl+/ 可以自动注释和撤销注释，js,html都可以，很好的省去了敲注释符的时间（mac下为command+/,下同）2 自动补全html标签我们知道在使用linux命令的时候按tab键有自动补全的功能，在很多编译器里也是，在webstorm中...
2019-08-19 17:07:53
203
原创 【Vue】路由跳转
【Vue】路由跳转路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。那么在列表页代码如下：//详情detail (id) { this.$router.push({ path: '/cms-storeoperationcontent/storeoperationcontent-detail', ...
2019-08-16 15:56:55
258
原创 解决vue路由后界面没有变化,但是链接有的问题
解决vue路由后界面没有变化,但是链接有的问题今天小编就为大家分享一篇解决vue路由后界面没有变化,但是链接有的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧vue有个写法需要注意：如果是跳转到默认首页，router-link 应该写：to: "{path: ' / ' } "如果跳转到非默认首页的时候，router-link 应该写：to: "...
2019-08-16 15:54:14
1368
原创 Vue路由History mode模式中页面无法渲染的原因及解决
Vue下路由History mode导致页面无法渲染的原因用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。一般开发的单页应用的...
2019-08-16 15:36:45
1095
原创 基于iview的Tree控件自定义节点内容
基于iview的Tree控件自定义节点内容lk儒家关注0.22018.10.26 17:52*字数 345阅读 5462评论 0喜欢 2在本篇文章当中，将采用vue+iview的tree组件实现树型结构。实现效果图要实现这种自定义效果其实不难，而且官网有相应的实例代码，如下所示：<template> <Tree ...
2019-08-16 14:29:38
1305
原创 Vue中修改el-table的表头颜色，及多选框 表头的样式none
Vue中修改el-table的表头颜色，及多选框 表头的样式none2019-07-05 修改表头背景颜色及其他，它有个属性，header-cell-style可以修改它 的背景及其他好吧，怎么样去除左上角的那一个全选按钮呢当然是样式none不就行了，不好意思没想到，这是是写到scoped里面的哈#boxbox /deep/ thead .el-t...
2019-08-16 13:29:36
9479
原创 join（） indexof() split() concat()
1. join() 方法用于把数组中的所有元素转换一个字符串。 元素是通过指定的分隔符进行分隔的。参数值参数 描述 separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。 返回值类型 描述 String 返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字...
2019-08-14 07:44:40
296
原创 Vue-给对象新增属性（使用Vue.$set()）
Vue-给对象新增属性（使用Vue.$set()）在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。受现代 JavaScript 的限制 (以及废弃 Object.o...
2019-08-13 13:24:42
1454
原创 element-ui 中table表格卡片头部样式在scoped下失效: 去看深度选择器/deep/.el-table th {backgroud-color:red;}
element-ui 卡片头部样式在scoped下失效这个时候就可以用到深度作用选择器/deep/.swiper-pagination-bullet-active{ //使用 scoped 后，父组件的样式将不会渗透到子组件中。 //使用深度作用选择器 /deep/ 或者'>>>' ,但注意像sass、less预处理器不认三个箭头 back...
2019-08-12 14:44:04
2349
原创 vue生态圈
vue生态圈网易云社区关注2018.09.06 16:09字数 2141阅读 2400评论 0喜欢 1本文来自网易云社区作者：刘凌阳前言公司社区上关于Vue的文章挺少的（少的可怜），不禁为Vue愤愤不平，此文应运而生。但笔者水平有限，也写不了什么特别高深的东西，只能简单介绍下Vue生态圈，如有不对之处，还望指正。Vue.jsVue.js是一款...
2019-08-10 10:50:45
511
原创 Webstorm的一些常用快捷键
Webstorm的一些常用快捷键下面是Webstorm的一些常用快捷键：1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl ...
2019-08-09 15:19:47
2596
原创 用webstorm搭建vue项目
用webstorm搭建vue项目本文只针对新手。首先要明白几个名词（概念）。Node.js：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。npm：npm全称为Node P...
2019-08-08 15:32:11
227
原创 数据库的增删改查(SELECT、DELETE、UPDATE、INSERT)
数据库的增删改查(SELECT、DELETE、UPDATE、INSERT) 数据库的增删改查我使用的是Northwind数据库来进行说明和显示一、查询---select一、简单查询 select 的语法:select 列名称 from 表名称 （其中 * 代表选择...
2019-08-08 14:16:47
3407
原创 数据库语句：增删改查
SELECT * FROM `user`INSERT INTO `user` VALUES(3,'王二','1111111111')DELETE FROM `user` WHERE id = 3UPDATE `user` SET pass_word = '2222222' WHERE id = 2SELECT NOW()
2019-08-08 14:14:40
175
原创 部署linux环境安装成功
Linux系统部署下载vmware centos7 xshell6 xftp6 新建虚拟机，注意设置网络连接，设置登录名：root,密码：root,等待登录，输入用户名和密码（注意密码输入不显示） 登录成功，执行命令Ifconfig查看虚拟机的IP信息，要先执行命令： # yum -y install wget # yum...
2019-08-04 15:28:13
166
原创 Centos7中iptables防火墙 开放80端口方法
执行命令：# firewall-cmd --state查看默认防火墙状态（关闭后显示no running，开启后显示running）执行命令：# iptables -I INPUT -p tcp --dport 80 -j ACCEPT（开放80端口，因为防火墙的原因，端口默认是关闭的）打开浏览器访问，虚拟机的IP:80(可以连接nginx首页 Welcome to nginx...
2019-08-04 13:26:39
2338
原创 CentOS中iptables防火墙 开放80端口方法
CentOS中iptables防火墙 开放80端口方法开放端口：代码如下 复制代码 [root@WX32 ~]# iptables -I INPUT -p tcp --dport 80 -j ACCEPT 保存配置：代码如下 复制代码 [root@WX32 ~]# service iptables save Saving fir...
2019-08-04 13:25:20
2389
原创 linux下nginx常用命令
1 启动nginx /usr/nginx/sbin/nginx sudo/usr/nginx/sbin/nginx service nginx start2 停止nginx sudo /usr/nginx/sbin/nginx -s stop sudo /usr/nginx/sbin/nginx -s quit -s 是向nginx 发送信号模式...
2019-08-02 11:35:31
2123
原创 前后端如何保持长连接？---WEBSOCKET
前后端如何保持长连接？---WEBSOCKET1. pc端的应用，一般会采用前端定时请求后台;2. app定时去访问后台的话，对用户来说并不友好，会消耗大量的流量，移动端最好的方式就是后台主动向app推送信息;3. H5提供了一种比较好的方式是websocket，打开app后，向后台发出请求，后台响应后，就可以实时向前端推送信息了，而无需app再次去访问；4.websocket的前...
2019-08-01 15:13:05
8917
原创 element-ui的table表格控件表头与内容列不对齐问题
element-ui的table表格控件表头与内容列不对齐问题element-ui的table表格控件表头与内容列不对齐问题解决方法：将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）body .el-table th.gutter{display: table-cell!important;}例如（app.vue）： 1...
2019-08-01 09:48:46
8725
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人