vue
WebKoalaBoy
Nothing is impossible
展开
-
vue2实现一个简易实用的日历(可特殊标记多个日期)
vue2实现一个简易实用的日历(可特殊标记多个日期)针对用日历来记录事件,多了可拓展性原创 2024-06-17 19:34:44 · 252 阅读 · 0 评论 -
vue前端导出的通用方法
导出excel通用方法原创 2022-10-24 19:00:38 · 331 阅读 · 1 评论 -
日常随笔归纳总结:vue-router路由传参
情景:vue-router用params传参,F5强制刷新参数会被清空,造成页面无法获取参数报错,那么如何获取参数才能不被清空呢?解决方式:1、用query,由于参数适用路径传参的所以F5强制刷新也不会被清空。(传参强烈建议适用string)2、也可以选用sessionstorage/localstorage/cookie存储。下面先讲解下一、vue-router用params传参配置路由var routes = [{ path: '/', redirect原创 2020-06-28 09:40:23 · 343 阅读 · 0 评论 -
vue在html中绑定值
1. :style 同时绑定对象与属性:style="[{color: this.color}, this.layout == 'left'? this.item:this.item]"2. 字符串拼接:id="['ecahrt'+n+'-layout'+layout]":action="path+'executeSQLscript3'"3. 绑定数值 与字符串数值:class...原创 2020-01-14 15:00:57 · 190 阅读 · 0 评论 -
Elements in iteration expect to have 'v-bind:key' directives问题
解决方法有两种1. v-for 后添加 :key='item'<li v-for="i in list" :key="i">2. 在build处关闭eslint检测...(config.dev.useEslint ? [createLintingRule()] : []),原创 2018-11-16 10:25:30 · 168 阅读 · 0 评论 -
对vue 键盘回车事件的实例讲解(收藏)
原文地址:https://www.jb51.net/article/146249.htm如果是原生的input,使用 @keyup.enter就可以,若是使用了element-ui,则要加上native限制符,因为element-ui把input进行了封装,原事件就不起作用了,代码如下: 1 2 <input v-model="form.name"...转载 2019-05-22 11:40:12 · 1438 阅读 · 1 评论 -
vue 在html标签内动态绑定样式的正确写法
<div v-for="item in equipmentList" :style="{'position':'absolute','top':item.offsetY*0.1522+'vh','left':item.offsetX*0.0732+'vw'}" @click="searchEquipmentStatus(item.name)"> </div> ...原创 2019-07-04 11:54:46 · 3873 阅读 · 0 评论