![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
IT牛男_Edward
这个作者很懒,什么都没留下…
展开
-
在vue项目中使用eslint步骤
eslint安装原创 2022-09-07 15:13:41 · 2983 阅读 · 1 评论 -
yarn 安装步骤
yarn 安装原创 2022-08-09 09:44:19 · 241 阅读 · 0 评论 -
keep-alive 使用
一、基本使用需求:有两个页面(A 和 B),当我们在页面A的table列表中点击查看详情按钮,跳转到B页面,在B页面点击返回时,要定位到之前A的列表位置, 不能刷新该页面。在 <router-view /> 的外层包一个 keep-alive 如:<keep-alive include="pageA"> <router-view /></keep-alive>其中 include 为要缓存的页面,如果有多个页面可用逗号隔开,pageA为.原创 2022-01-19 19:09:01 · 4498 阅读 · 0 评论 -
后端返回带“T“的时间格式,前端js处理。
如果后端返回的数据格式如下data:{ timestamp :[ {time:'2019-12-21T09:23:12'}, {time:'2020-10-9T12:36:21'} ]}则: let arrTime = data.timestamp arrTime.map((element, index) => { return (data.timestamp[index].time= element.time .toLocaleS...原创 2021-12-24 11:44:54 · 1811 阅读 · 0 评论 -
vue前后端部署,域名解析、服务器等配置
1、申请域名、服务器;域名、服务器可以再阿里云或者华为云购买即可;域名需要解析,记录值为服务器的公网ip。2、安装Xshell 、Xftp ;安装过程需要服务器用户名、密码 ,主机名为公网ip,用户名默认root 。3、在Xshell里安装nginx; 1.因为Nginx依赖于gcc的编译环境,所以,需要安装编译环境来使Nginx能够编译起来。命令:yum install gcc-c++2.Nginx的http模块需要使用pcre来解析正则表达...原创 2021-11-11 16:39:18 · 7111 阅读 · 0 评论 -
vue3报错:hrow er; // Unhandled ‘error‘ event;node_modules\vite\node_modules\esbuild\esbuild.exe ENOENT
启动vue3.0时报以下错误,则缺少esbuild.exe所致,所以我们需要在原创 2021-08-24 11:26:05 · 1387 阅读 · 1 评论 -
vue导出当前页面为pdf格式
1、安装html2canvas和jspdf依赖 npm install html2canvas --save npm install jspdf --save (如果jspdf 报错,则在index.js中引入<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>)2、在utils中创建htmlToPdf.js文件,并复制以下代码// 导出页面为P原创 2021-04-02 11:41:02 · 875 阅读 · 0 评论 -
vue动态添加序号
后端返回一个数组,如小说目录,这时我们需要添加目录前面的序号。如图:// HTML部分 <div > <h5 v-for="(items,i) in listIndex">{{items.name}} <span style="display:block" v-for="(item,k) in items.list">{{item.serialNumber}} {{item.name}}</span> </原创 2021-02-08 11:29:47 · 2040 阅读 · 0 评论 -
vue 父组件传给子组件传值,watch监听不到
父组件给子组件传值时,watch监听不到值的变化。解决方法如下 props:{ paramsObj:{type:Object,default:{}} //paramsObj为父组件传过来的对象 }, watch:{ //监听 paramsObj: { immediate:true, handler: function(value) { console.log(value)原创 2020-07-15 14:37:52 · 5072 阅读 · 0 评论 -
vue使用百度富文本编辑器
vue 使用百度富文本编辑器,由于element带的编辑器样式过于简单,所以使用百度富文本编辑器。**第一步:**登陆富文本官网百度富文本编辑器下载最新版本,具体选择哪个语言的版本,你可以问下后端,其实哪个都一样,区别只是为了后面图片上传的配置提供方便。**第二步:**将下载下来的文件存放在static目录下,并在main.js文件下引入复制代码如下:import '../static/utf8-jsp/ueditor.config.js'import '../static/utf8-jsp原创 2020-06-29 11:57:56 · 2799 阅读 · 2 评论 -
node-sass安装报错node-sass@4.9.3 postinstall: `node scripts/build.js
第一步运行npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass第二步cnpm install node-sass --saveo.org第三步npm install原创 2020-06-19 16:49:54 · 3087 阅读 · 0 评论 -
export和export defaule的区别使用
区别,export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中,export、import可以有多个,export default仅有一个,通过export方式导出,在导入时要加{ },export default则不需要先说说export: 新建一个a.js 和b.vue文件a.jsexport function setAmount(){ let a = 1; return a}export const setPrice = "2"b.vue 里引原创 2020-06-12 11:42:27 · 187 阅读 · 0 评论 -
element 时间组件只能选今天之后或者今天之前包括今天等
<template> <div> <el-date-picker v-model="formInline.dateParam" :picker-options="pickerOptions0" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> <原创 2020-06-11 09:46:38 · 1422 阅读 · 0 评论 -
vuex用法心得,实际项目中使用
关于vuex的介绍我相信大家都知道了,而我简单的理解就是存储值的地方。简单来说就是一个箱子,里面可以放自己的数据。(个人的简单理解),好了接下来我们进入正题(已安装vuex)。第一步:在src下创建store文件夹,然后在store下创建modules文件和index.js。第二步:在main.js里引入store,然后new Vue里加上storeimport store from './store'new Vue({ el: '#app', i18n, router, sto原创 2020-06-10 15:27:55 · 655 阅读 · 0 评论 -
JS正则去掉所有空格,只能输入数字,输入正确的金额
例子;1、在输入的过程中不能有空格 οninput=“value=value.replace(/\s+/g,’’)” <el-input placeholder="请输入内容" oninput="value=value.replace(/\s+/g,'')" v-model.trim="text"></el-input> 2、在表单form校验中只能输入数字,否则校验出错 /1\d*$/ {required: true,messag原创 2020-05-21 15:39:05 · 438 阅读 · 1 评论 -
input去除所有空格
element input 去除所有空格 //οninput="value=value.replace(/\s+/g,'')" 去除所有空格 <el-input placeholder="请输入内容" oninput="value=value.replace(/\s+/g,'')" v-model="code"></el-input>原创 2020-05-14 09:41:10 · 1581 阅读 · 0 评论 -
vue 强制渲染组件
在vue 中使用v-show 时,组件没有得到重新渲染。以下例子是我v-show 的时候,要默认一个menu高亮,所以对activeIndex重新赋值。 有人会问为什么不用v-if 进到这个页面(这你就别管了)解决: 使用 this.$forceUpdate() //。配合生命周期函数updated使用如html: <span v-if="refresh"> <el-menu :default-active="activeIndex"原创 2020-05-11 15:51:04 · 361 阅读 · 0 评论 -
vue element 返回顶部
vue element 返回顶部`我是内容`原创 2020-04-30 15:56:46 · 222 阅读 · 0 评论 -
js 数组对象转化成JSON 对象格式
js 数组对象转化成JSON 对象格式:例子:arr=[ {fruits:{apple:'苹果',price:'5'}} {fruits2:{banana:'香蕉',price:'3'}} {fruits3:{orange:'橘子',price:'6'}} ]转化成:obj={ fruits:{apple:'苹果',price:'5'}, fruits2:{banana:'香蕉...原创 2020-04-21 16:24:43 · 1732 阅读 · 0 评论 -
JS金额千分位加逗号,多种实例
涉及到金额展示的都需要在千分位上加逗号,以下为vue项目的实例。1,在main.js下挂载一个全局方法。// 金额千分位加逗号 ,amount为传进来的金额Vue.prototype.amountRule =(amount)=>{ let defaultAmount = '' if(amount != 'null' && amount != '' &&a...原创 2020-04-03 09:15:35 · 2157 阅读 · 0 评论