vue
杨咩咩yang
.
展开
-
vue前端浏览器数据给后台spring boot少8小时
vue前端浏览器数据给后台spring boot后少8小时原理:数据发送给后台时拦截,时间类型+8。3、响应时拦截 request.js。2、全局注册 main.js。1、安装moment插件。原创 2022-09-05 16:46:32 · 511 阅读 · 0 评论 -
vue问题:TypeScript intellisense is disabled on template. To enable, configure `“jsx“:
TypeScript intellisense is disabled on template. To enable, configure `"jsx": "preserve"` in the `"compilerOptions"` property of tsconfig or jsconfig. To disable this prompt instead, configure `"experimentalDisableTemplateSupport": true` in `"vueCompilerOp原创 2022-08-16 12:23:08 · 5524 阅读 · 2 评论 -
node配置淘宝报错
使用set配置原创 2021-11-15 22:35:25 · 96 阅读 · 0 评论 -
vscode使用教程
1.官网可以免费安装2.汉化原创 2021-06-27 11:09:35 · 118 阅读 · 0 评论 -
vue项目打包上线
1.控制台运行npm run build生成dist文件夹2.将dist文件夹里的内容复制到后台项目根目录下。如果要放到根目录的某个文件夹下,例如:project,需要修改config/index.js的build 项的 assetsPublicPath: '/project'3.浏览器访问localhost...原创 2020-07-15 14:07:11 · 220 阅读 · 0 评论 -
问题:vue项目不能同通过ip访问
本地vue项目,只能通过http://localhost:8080/#/访问,不能通过IP地址访问修改package.json,加 --host 0.0.0.0,然后重启项目原创 2020-07-15 12:39:40 · 587 阅读 · 0 评论 -
vue组件中name的使用
vue组件中name的作用:export default { name: 'App'}1.组件递归时使用2.设置组件不使用keep-alive缓存时使用3.调试代码原创 2020-07-14 16:36:46 · 2545 阅读 · 0 评论 -
在vue项目中,在App.vue中使用keep-alive对页面数据进行缓存或设置不缓存
在vue项目中,在App.vue中使用keep-alive对页面数据进行缓存,若要对某一个页面的mounted的方法需要每次都重新加载,则不进行缓存,使用exclude=“组件name”进行设置<template> <div id="app"> <keep-alive exclude="Detail"> <router-view/> </keep-alive> </div></tem原创 2020-07-14 16:25:28 · 1113 阅读 · 0 评论 -
无unmounted解绑,使用destroyed钩子解绑window.addEventListener
在handleScroll()方法中添加console.log(‘scroll’);发现回到首页,其实 window.addEventListener(‘scroll’, this.doScroll)事件并没有被销毁,滚动时,控制台仍能输出‘scroll’,vue官网上也并没有找到unmounted()函数。使用destroyed进行解绑销毁 methods: { handleScroll() { console.log('scroll') const top .原创 2020-07-14 15:14:59 · 726 阅读 · 0 评论 -
The “props“ property should be above the “data“ property on line
vue报错:The "props" property should be above the "data" property on line 33原因:props必须在data前面原创 2020-07-07 10:31:06 · 5803 阅读 · 0 评论 -
el-input 输入框不能输入值,加强制输入input属性后却校验失效
在网上查找说是加this.$forceUpdate() <el-form-item :label="$t('table.password')" prop="password"> <el-input v-model="userData.password" :disabled="updateStatus" @input="change($even)" ...原创 2020-04-27 15:33:10 · 2822 阅读 · 1 评论 -
vue子组件报错render: "TypeError: Cannot read property 'name' of undefined" found in
报错信息:render: "TypeError: Cannot read property 'name' of undefined" found in代码:<div class="user-role text-center text-muted">{{ user.role.name }}</div>原因:数据传输是通过store,界面加载子组件时store还...原创 2020-04-26 18:31:48 · 4010 阅读 · 0 评论 -
v-model.trim自动过滤前后空格
1、v-model 的修饰符,一般用于控制数据同步的时机2、.trim 自动过滤输入内容最开始 和 最后的 空格,中间的会保留一个空格,多的会被过滤掉<el-input v-model.trim="user.login" />...原创 2020-04-26 15:37:25 · 2286 阅读 · 1 评论 -
vue项目网页全屏功能screenfull
vue项目使用screenfull做网页全屏功能1.安装依赖(本人使用4.2.0版本,。最开始使用5.x.x版本取到的浏览器允许全屏的值为undefind,换了版本后成功取值)cnpm install [email protected] --save2.写组件Screenfull/index.vue<template> <div> <svg...原创 2020-04-22 17:15:48 · 14270 阅读 · 5 评论 -
每次添加完依赖后vue项目启动有总报错
vue项目刚从git拉取下来后,执行 cnpm install然后执行 npm run dev 来启动项目对项目通过 cnpm install xx --save 添加了依赖后,需要执行 cnpm install重新编译,然后 npm run dev启动项目...原创 2020-04-22 16:18:30 · 671 阅读 · 3 评论 -
Component template should contain exactly one root element.
vue项目报错:- 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></temp...原创 2020-04-18 14:23:14 · 200 阅读 · 0 评论 -
Uncaught (in promise) cancel Promise.then (async)
vue element项目中,提示框点击取消报错:Uncaught (in promise) cancel Promise.then (async)解决方案: 加.catch(() => {})this.$confirm(this.$t('message.delete'), this.$t('message.warning'), { confirmButtonTex...原创 2020-04-09 19:39:31 · 3006 阅读 · 0 评论 -
el-table表格新增和编辑改为弹窗格式
表格新增和编辑界面为弹窗格式:<template> <div class="app-container"> <el-row :gutter="20"> <el-col :span="4"> <el-button type="primary" @click="dialogVisible = true"...原创 2020-03-19 17:56:34 · 2313 阅读 · 0 评论 -
vue-devtools插件
解压后将crx文件拖到拓展程序即可链接接失效请留言,会跟进更新 !!!链接:https://pan.baidu.com/s/1dSFdNXMeIyLjEPIY8APfSA提取码:3twq原创 2020-03-15 02:34:14 · 97 阅读 · 0 评论 -
vue父子组件数据传递props与this.$emit
vue组件数据传递:1.父组件传递给子组件:在父组件引用的子组件标签上增加属性就可以传递,子组件在props: {父子间属性名称:数据类型}中接收2.子组件监听父组件方法 ,使用this.$emit()触发父组件属性代码示例:父组件:主要看<city-alphabet>子组件标签内容,:cities='' cities''为传递cities数据给子组件,...原创 2020-03-15 00:21:32 · 1515 阅读 · 0 评论 -
vue项目常用插件
图片轮播效果插件:https://github.com/surmon-china/vue-awesome-swiper原创 2020-03-05 23:23:28 · 188 阅读 · 0 评论 -
Terminal关闭当前运行的vue项目方法
问题描述:新手使用idea或webstorm工具开发vue,使用Terminal命令行npm run dev 运行项目,无法输入命令关闭比项目解决方案:打开Terminal窗口按键盘【Ctrl】+【C】,提示食安否关闭,键盘输入 【y】退出...原创 2020-03-04 19:10:57 · 13480 阅读 · 1 评论 -
Require self-closing on Vue.js custom components
告警信息:Require self-closing on Vue.js custom components (<el-input>) (vue/html-self-closing错误代码:<el-input v-if="scope.row.isSet" v-model="scope.row.type"></el-input>正确代码&l...原创 2020-03-04 14:55:13 · 9438 阅读 · 1 评论 -
vue项目el-table 实现表格行内可编辑功能
vue+element UI实现表格可编辑:vue项目使用el-table 实现表格行内可编辑<template> <div> <el-table v-loading="listLoading" :data="data" element-loading-text="Loading" border...原创 2020-03-02 17:32:38 · 21111 阅读 · 3 评论 -
delete方法报错405
错误代码:export function deleteConfig(params) { return request({ url: '/api/setting-infos', method: 'delete', params })}正确代码:export function deleteConfig(params) { return req...原创 2020-03-02 17:27:59 · 2356 阅读 · 0 评论 -
vue与webstorm缩进大小不一致,将tab缩进改为2
问题描述:idea和webstorm使用vue项目,发现回车后缩进的大小不一样原因:vue项目遵循ESlint语法规则,缩进的是配置的 2 个空格,而idea和vue则默认的 4 个空格解决方案:将tab缩进改为2...原创 2020-02-27 09:45:56 · 2041 阅读 · 0 评论 -
vue+element-ui实现纯前端表格分页查询
数据量过大时,不适合纯前端分页,应与后台搭配使用<template> <div class="tableBox"> <el-table :data="tableDataEnd" border style="width: 100%"> <el-table-column prop...原创 2020-02-24 20:25:54 · 2323 阅读 · 3 评论 -
vue中修饰符prevent相当于调用event.preventDefault():
$("a").click(function(event){ event.preventDefault();});<form v-on:submit.prevent="onSubmit"></form>vue中prevent修饰符相当于调用event.preventDefault():event.preventDefault() 方法阻止元素发生默认...原创 2020-02-16 12:23:28 · 3990 阅读 · 0 评论