![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
码上云端
这个作者很懒,什么都没留下…
展开
-
vue-quill-editor的简单使用和解决样式问题
1.安装依赖npm install vue-quill-editor --savenpm install quill --save2.开发使用<template> <div class="edit_container"> <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption原创 2021-07-05 23:24:53 · 1988 阅读 · 2 评论 -
vue父子组件“双向绑定”
1.需求vue的prop可以从父组件传递一个值到子组件,当子组件对传过来的值进行改变,父组件的值并不会改变,这显然不符合我的需求。我的需求是:当父组件的值改变,那么子组件的值也跟着改变;反过来,子组件改变值,父组件的值也跟着改变;可以理解为类似“双向绑定”2.首先,定义一个子组件<template> <div> <input type="text" v-model="label" /> </div></template>原创 2021-07-04 16:57:57 · 450 阅读 · 1 评论 -
vue项目打包后部署到nginx
之前写的文章《vue接通后端api以及部署到服务器》发现有人问到vue项目打包后dist文件夹怎么部署?所以,就有了这篇文章,也是对之前写的文章做一个补充吧!1.要下载nginx,然后解压。这里已windows版本为例,.zip后缀的才是windows版本。下载地址解压后,运行cmd,去到nginx根目录,执行启动命令nginx在windows系统下有三个常用的命令启动命令 start nginx强制停止命令 nginx.exe -s stop重启命令 nginx.exe -s reloa原创 2020-12-11 17:32:07 · 2015 阅读 · 0 评论 -
js 实现将“{1}元~{2}元,{3}%”与“[輸入框]元~[輸入框]元,[輸入框]%”互转
有时候需要一些占位符如:{1},{2}等来实现具体业务需求,但又不能把占位符直接显示给客户看,因为客户可能看不懂,所以,这就需要对占位符进行转换。客户看懂了,但存数据库格式还得对上,所以需要进行反转。 format (str, colNum) { const aa = '[輸入框]' for (let i = 1; i <= colNum; i++) { str = str.replace(new RegExp('\\{' + i + '\\}', 'g'原创 2020-06-26 23:09:27 · 112 阅读 · 0 评论 -
vue根据路由来显示高亮选项
在做导航栏的时候,总会有这样的需求,点哪一项哪一项就高亮显示,最近发现vue的一个ui库vant,已经有这样的效果了,就不用自己写css了。<van-tabbar v-model="active"> <van-tabbar-item name="home" icon="home-o">标签</van-tabbar-item> <van-tabba...原创 2020-01-17 20:09:22 · 1466 阅读 · 0 评论 -
使用XLSX.utils.sheet_to_json()解析excel,给空的单元格赋值为空字符串
前言今天用到XLSX来解析excel文件,调用XLSX.utils.sheet_to_json(worksheet),发现如果单元格为空的话,解析出来的结果,就会缺少相应的key(如图所示)。但是我想要单元格为空的话,值就默认给空字符串,怎么办呢?只能去看看源码了,看有没有给默认值的方法。源码探究找源码里的sheet_to_json()方法,发现有三个同名的方法,有两个参数,第一个work...原创 2019-12-29 16:54:59 · 26791 阅读 · 8 评论 -
vue项目引入cdn资源及配置
1.首先在index.html加入cdn资源 <script src="//cdn.bootcss.com/vue/2.3.2/vue.min.js"></script> <script src="//cdn.bootcss.com/vue-router/2.5.3/vue-router.min.js"></script> &l...原创 2019-08-11 17:36:11 · 14806 阅读 · 0 评论 -
vue接通后端api以及部署到服务器
1.打开项目工程,找到config文件夹下index.js,进行以下修改dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api':{ target: 'http://www.baidu.com',//后端api地...原创 2019-05-29 13:56:33 · 3289 阅读 · 3 评论 -
vue i18n实现语言切换
1.使用vue-i18n实现语言切换,需要安装vue-i18n,使用cookie记录用户选择的语言,需要安装cookienpm install vue-i18nnpm install js-cookie2.新建lang文件,然后在该文件夹新建lang.js,封装setLang()和getLang()方法,用来把用户选择的语言存取到cookieexport default {...原创 2019-05-30 20:53:54 · 718 阅读 · 0 评论