- 博客(24)
- 收藏
- 关注
RSS订阅原创 webpack基本配置
const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { mode: 'development', entry: { index: './src/index.js', // index 自己定义的入口名称 another: './src/another-module.js' // 同样是自己定义的入口名称，可以随便取 .
2021-04-25 14:51:15
189
原创 配置history模式
（history：在开发模式下，就算没有配nginx也是可以运行的，在打包后的模式下，没有后台配置的话，刷新就找不到页面了）1、vue中 const router = new VueRouter({ mode: 'history', // 模式选择history routes: [...] })2、nginx location / { root D:/phpstudy_pro/WWW/ant-design-vue-pro-ma
2021-04-25 10:44:52
403
1
原创 vue h 渲染函数
（一）、h(c1, c2, c3) 参数说明：（详细参数看最后说明） c1： 标签名 / 组件名（例如antd组件） c2： 子级[] / 属性{}, 组件的属性用props, 其他的，如类名'class',样式'style' c3： 文本（如果是有子级的话，则文本放在子级的第一个参数）（二）、使用1、可直接传入标签，前提是只能有一个父级，变量使用{}引入，在一些特殊情况不能用，例如要加入点击事件@...
2021-04-09 09:45:25
4261
原创 单页面组件中 name 的作用
1 、允许组件模板递归地调用自身： 也就是 A 单文本文件 定义了name : 'chen', 则在A 页面中可以直接使用<chen></chen> 这个组件进行递归调用 2、 便于调试 （包括警告信息以及通过vue-devtools调试时可以更方便的定位到组件），因为使用vue-devtools时会显示该组件的name名，如果没有name,调式的时候显示的是Anonymous 3 、 用于keep-alive 进行 include / exc...
2021-03-29 11:19:04
260
原创 路由缓存 keep-alive
备注1 ：keep-alive include 生效条件 1、include 里面的 name 指的是单文件组件中的name,例如 ClientList.vue 中的name, 不是指路由中的name 2、keep-alive 必须要放在最后一级，include才会生效，例如，A 页面嵌套 Asub 页面，则keep-alive要放在Asub页面，而不是放在A页面中 备注2 ：路由中的 name 需统一与单文件组件中的 name 一致， 这样的目的是为了后...
2021-03-29 11:17:58
1162
原创 antd vue pro 在菜单中使用iconfont图标
1、在iconfont 网址下载 svg格式的图标：xiaolian.svg 2、在 src -> icons 文件夹下 放入刚下的图标 3、在 src -> core -> icons.js 中引入： import xiaolian from '@/assets/icons/xiaolian.svg?inline' export { cxiaolian } 4、在config -> ...
2021-03-25 16:56:43
1110
1
原创 gitlab配置公钥
1. 桌面右键鼠标打开 "Git Bash Here"2. 键入命令：ssh-keygen -t rsa -C "***@163.com" /// 自己的邮箱3. 接着一路回车就可以了4. 打开 C:\Users\Administrator\.ssh 目录， 复制 id_rsa.pub 内容5. 登录 gitlab 找到 账户设置（在右顶部有个按钮点击进来）， 再点击ssh秘钥 ， 把刚复制 id_rsa.pub 的内容复制进去就可以了...
2021-03-25 10:58:50
5034
原创 vue/cli vue-aplayer播放音频
1、中文文档地址： https://github.com/SevenOutman/vue-aplayer/blob/develop/docs/README.zh-CN.md#%E9%9F%B3%E4%B9%90%E4%BF%A1%E6%81%AF2、安装： npm i vue-aplayer -S npm i hls.js -S // 如果安装vue-aplayer报错，则需要安装 hls.js 依赖3、引入 import Aplayer from 'vue-apla...
2021-03-24 15:05:07
658
原创 vue/cli 视频播放 vue-video-player
1、下载： npm install vue-video-player -S npm install video.js -S // 先安装vue-video-player，如果报错再装video.js, 因为要依赖video.js2、组件引入 import { videoPlayer } from 'vue-video-player/src' // 注意这要到 /src import 'vue-video-player/src/custom-theme.cs...
2021-03-24 13:43:43
416
原创 在vue/cli中使用tinymce
（一、）在vue-cli中使用： 可以使用别人封装好的tinymce，或者自己封装 使用封装好的 @packy-tang/vue-tinymce : 地址：https://github.com/lpreterite/vue-tinymce-example/tree/master/vue 其实别人封装好的没有改到原插件，只是封装一个空的组件，把属性放出来，也就是tinymce有什么属性就传什么属性过去全局引入：1、安装npm i...
2021-03-08 18:31:33
945
原创 vue引入本地图片
1、<img src="@/assets/images/test.png" alt=""> 2、<img :src="require('@/assets/images/b_doc.png')" alt=""> 3、如果把图片放在public中，则可以使用相对路径 <img src="/public/images/test.png" alt="">...
2021-03-05 15:23:23
796
原创 antd 表格的多选/单选框：rowSelection
获取选中的框{ 1、定义在rowSelection中,然后监听onChange事件，给selectedRowKeys赋值 rowSelection:{type:'radio',onChange: this.selectChange,getCheckboxProps:this.getCheckboxProps,selectedRowKeys:[]} selectChange (...
2021-02-26 17:24:35
7699
原创 antd 表单自定义校验validator、pattern
1、自定义校验：validator 当输入内容不满足条件时，在表单的校验中不出现错误 解决：在写的自定义校验的方法中，加入callback(), 当不满足条件时，要传入‘错误提示的字符’，例如：callback('手机号为必填')例子：手机号+区号 只能自定义校验 1.1、 <a-form-item v-bind="formItemLayout" label="手机号码" :validate-status="phoneStatus" :help="phoneH...
2021-02-26 10:20:56
4375
原创 antd 下拉框：根据输入的内容向后台发送请求，并在下拉框中滚动条滚动到底部进行分页
1、说明： ref="clientCode" ， :getPopupContainer="() => $refs.clientCode" 是为了将下拉框加载到固定的容器内，为了后面可以获取到（因为默认的是加载到body中的，如果有多个下拉框的话，就没方法确定获取）， 下拉框节点并进行监听滚动加载 show-search ： 为了可以输入内容进行搜索 :show-arrow="false" ： 隐藏下拉标志 :not-...
2021-02-23 16:40:20
1548
原创 JS 封装延迟函数来阻塞方法执行
// 需要执行的方法function subFun () { console.log('执行')}// 将延迟函数封装成promise对象async function delayTime (num) { return new Promise((resolve,reject) => { // return / await 等待执行完 setTimeout(() => { resolve('延迟') console.log('延迟') },.
2021-02-09 11:09:39
1630
原创 json遍历成树结构 - 递归
1、json数据: created () { let testData = [ { "id": 10001, "name": "华南地区", "serial_no": "HNDQ01", "parent_id": 0, "level": 0 }, {
2021-02-05 18:14:36
597
原创 notification 通知提醒框使用
notification.error({ key:'tip', description: h => { return ( <div>点击这里<a href={that.downloadSrc+'downExe/down.exe'} target='_blank' download="down.exe">执行升级</a>,升级后请刷新页面。 </div&.
2021-02-02 13:49:25
653
原创 父子页面跨域通信 window.postMessage() / 监听route变化
方式1 ： window.postMessage() 语法： 发送端：targetWindow.postMessage(message, targetOrigin, [transfer]) 备注：targetWindow 是接收消息的窗口的引用 1.1 父端：window.frames +索引值 ： 如 window.frames[0] 1.2 子端：window.parent...
2021-01-29 10:12:56
3342
原创 vue 生成二维码
1、npminstallvue-qr --save2、importvueQr from'vue-qr'3、// logoSrc为logo的url地址(使用require的方式)；text为需要转换为二维码的内容<vue-qr :logoSrc="image_url" text="qr_url" :size="200"></vue-qr> <script> export default { name: "qecode", ...
2021-01-25 13:52:40
121
原创 @vue/cli安装
（一）安装 1、 1.1、 vue -V : 先检查vue版本，如果是版本2的，先进行卸载再安装，如果是3的就不用再安装了 1.2、安装：npm install -g @vue/cli //如果之前安装过则不用安装 1.3、创建项目：vue create print-pro ///项目名 2、vue ui : 直接用图形化的形式创建（推荐使用）（二）需要安装的一些插件：（路由、vuex、less 在创建项目的时候已经选择安装上了）...
2021-01-22 11:55:34
187
原创 antd 全局使用message
1、import { message } from 'ant-design-vue'2、 message.error('token过期,请重新登录')
2021-01-22 11:35:23
2539
原创 在单独js中引用vuex
在js中使用：例如 request.js（请求封装的一个js）1、引入 import store from '../store'2、在请求中监听再调用：const service = axios.create({ process.env.VUE_APP_BASE_API, baseURL: window.baseApi , timeout:15000})service.interceptors.request.use(config => { loc.
2021-01-21 10:24:22
2775
原创 antd 级联选择动态加载 - 省市区地址选择
antd 级联选择动态加载 - 省市区地址选择1、需要添加loadData属性，值是方法，如 :loadData="loadData"<a-cascader :options="options" :loadData="loadData" placeholder="请选择" :field-names="{ label: 'name', value: 'value', children: 'children' }" />2、在created中获取省数据，注意： isLeaf属性需要添
2021-01-21 10:15:51
2108
转载 HTML实体符号代码速查表
1.特色的©©©版权标志| |竖线，常用作菜单或导航中的分隔符···圆点，有时被用来作为菜单分隔符↑↑↑上箭头，常用作网页“返回页面顶部”标识€€€
2017-08-21 10:00:15
483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人