vue
文章平均质量分 58
zeng092210
今天
展开
-
vue 循环动态设置ref并获取$refs
vue 循环动态设置ref并获取$refs关于ref的使用和场景请看官网文档下面是我对循环设置ref并获取使用的一些办法,简单记录一下一. 使用理解步骤(个人理解、大白话概况)单循或双循环标签使用,无论那种都要**保证ref唯一**例如:可以在ref值后面附带id或不会重复的索引针对上述唯一的ref进行获取获取:单循环可以直接用$refs获取非单循环可以通过eval()获取二. 单循环和无循环动态设置ref设置 【ref=“xxx”】【ref="‘xxx’+index"】就.原创 2020-12-24 11:43:04 · 13044 阅读 · 3 评论 -
vue 生命周期及watch、计算属性等等的理解
以下属于个人理解,如果不足请各位大佬多多提点记忆单词 有d无d 有ed等等细节、彻底理解弄懂Tips:components、watch、computed、methods是以:{}的方式引入,其他是已(){}的方法引入<template> <div>{{b}}</div></template><script> export default{ //data 下面要加return是局部定义变量 //d.原创 2020-08-21 12:10:22 · 1548 阅读 · 0 评论 -
vue filters的使用
filters 过滤器:「Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:」先说说我个人使用过后的总结filters的使用常用的有两种 局部和全局美的很、感觉就是用的舒服,简单且功能强大使用场景处理显示的数据,比如:有后缀 有前缀 5¥ 10¥ 时间戳转化正常时间等等…方法一:局部使用.原创 2020-08-12 15:55:57 · 1218 阅读 · 0 评论 -
vue组件,父传子、子传父、父调子、子调父简单理解总结
总结目录方法总结子组件获取父组件变量(也可用父组件调用子组件中的方法传值)父组件获取子组件变量(介绍两种方法)父组件调用子组件中的方法子组件调用父组件中方法(介绍两种方法)方法总结vue父子组件数据/方法传递调用变量传递: 父组件变量传送到子组件、子组件变量传送到父组件方法调用: 父组件调用子组件中方法、子组件调用父组件中方法子组件获取父组件变量(也可用父组件调用子组件中的方法传值)方法关键字:props步骤(2步):在父组件引用子组件标签中定义接受变量名并传值 。公式::子组件接原创 2020-05-29 19:09:06 · 1470 阅读 · 0 评论 -
报错:属性或方法“xxxx”对应的数据没有找到
报错:Property or method "xxxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.直白翻译:属性或方法“xxxx”不是在实例上定义的,而是在呈现过程.原创 2020-05-20 12:03:54 · 3388 阅读 · 0 评论 -
vue项目全局定义 loading
vue项目通过vuex全局定义loading,简单记录一下涉及的方面:elementUI(其中loading) 、vuex引入vuex//main.jsimport store from './vuex/index';new Vue({ router, store, render: h => h(App)}).$mount('#app');在能正常使用elementUi和vuex前提下,直接记录全局loading的步骤1. App.vue只保留有关lo.原创 2020-05-14 11:19:23 · 846 阅读 · 0 评论 -
js调用vue方法,vue.js引入封装组件
今天在vue和js共存的html中开发,首次碰倒这种,虽然简单但自己还是不会。在这里简单记录一下VUE和JS方法的互相调用<script> new Vue({ el: '#app', data: function() { return { } }, created: function (){ window.creatA...原创 2019-10-14 21:59:31 · 9068 阅读 · 0 评论 -
关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改,添加fixed后颜色又出现问题
table 鼠标悬停时高亮背景颜色的修改.el-table tbody tr:hover>td { background-color: #颜色 } 或 .el-table__body-wrapper tbody tr:hover>td{ background-color: #颜色 } 就可以了如果添加了fixed 上面设置的鼠标悬浮颜色可能就一部分出现了原因是:...原创 2019-08-07 16:42:42 · 5101 阅读 · 10 评论 -
vue-fullcalendar 点击上月不跳转
本人所用版本和情况版本:vue-fullcalendar v1.0.9问题: 昨天刚好是7月31日,点击上月无效果,再次点击能正常跳转其他点击操作一切正常解决过程:经过查找问题根源,发现方法在vue-fullcalendar > dist > vue-fullcalendar.js文件1253行的changeMonth方法好像不对劲。通过打印输出观察,现在7月31...原创 2019-08-01 19:22:31 · 1003 阅读 · 0 评论 -
解决 Cannot read property 'beforeRouteEnter' of undefined
1. vue报错情况2.解决方法npm i vue-router@2.4.0 将现在的版本降到2.4.0版本以下2.造成原因默认调用 BeforeRouteEntry 钩子导致。3. 解决后package-lock.json改变请路过的大佬指点原因!...原创 2019-06-28 11:26:25 · 2294 阅读 · 1 评论 -
element-ui的table表中数据可编辑
先看效果html结构代码<el-table :data="tableData" highlight-current-row border :height='tableHeight'> <el-table-column prop="info.url" label="通道名称" align="center" class="compileNameFather" wid...原创 2019-06-10 17:05:01 · 17221 阅读 · 8 评论 -
perfect-scrollbar在vue中的使用
1.下载perfect-scrollbar依赖包1)直接下载依赖包及包含css样式和js2. 然后去查看package.json中是否有此目录,有=》OK ,没有需要添加 ,方便管理依赖避免丢失。3.perfect-scrollbar的使用1)引入 2)html中包裹所滑动的元素3)设置img-scrollbox的样式 =》出现传统滚动条说明:样式按...原创 2018-12-03 19:55:24 · 4085 阅读 · 0 评论 -
element-ui的table动态生成表头和数据,且表中数据可编辑
如果只是实现element的table表格数据可编辑请到:https://blog.csdn.net/zeng092210/article/details/913856731.实现表头的动态渲染2.表头label和prop字段都要定义3.去判断显示那个数据表4.实现双击的时候在可编辑// 双击修改 弹出input tableDbEdit(...原创 2018-11-10 20:58:22 · 9554 阅读 · 2 评论