vue之所遇的坑及解决方法
文章平均质量分 65
huanxiangcoco
菜鸟一枚,记录所学
展开
-
vue相同路由不同参数跳转时页面不刷新问题
链接:https://www.cnblogs.com/pinkpinkc/p/13223010.html在公共组件的 router-view 标签上控制 key 属性变化 即 :key="$route.fullPath"< template>< div id=“app”>< div id=“head”>< Header>< /Header>< /div>< div id=“main”>< router-原创 2020-09-14 11:13:19 · 1284 阅读 · 0 评论 -
vue文件上传与显示
input[type=“file”]上传文件原理详解https://blog.csdn.net/weixin_42193004/article/details/96275626结果:代码:<div> <span>上传文件:</span> <a class="upload" id="up_btn"> <input type="file"原创 2020-09-11 17:17:51 · 2203 阅读 · 0 评论 -
vue之根据key之在多维数组中查找对应元素的父title和本身title
有过类似文章,参考的是那里的方法,已忘记网址crumb(haystack,needle,path = [],property = “key”,children = “children”,title = “title”) {if (haystack.some((item) => {if (item[property] === needle) {path.push(item[title]);return true;} else if (item[children]) {pat原创 2020-09-11 14:37:48 · 980 阅读 · 0 评论 -
vue无缝滑动,鼠标移上则停止离开滑动/vue之数据一条一条滚动
方法:http://www.mamicode.com/info-detail-2793573.html <div class="scroll-up" ref="scroll" @mouseover="stopScroll" @mouseleave="startScroll"> <p v-for="(item,index) in testData" :key="index" class="qq2">{{ item.Title }}</p>原创 2020-09-11 11:12:50 · 1118 阅读 · 0 评论 -
vue之用户登录无操作一段时间后退出登录
资料:https://segmentfault.com/q/1010000009701743找这个用户的回答<template> <div id="app" @click="isTimeOut"> <div id="main"> <router-view ></router-view> </div> </div></template>data() { ret原创 2020-09-05 11:39:05 · 996 阅读 · 1 评论 -
vue之在每个折叠面板下复选框选中表格行给下拉框选中值互不影响
实现功能:每个折叠面板下有对应数据的表格,选中表格行,给对应行的的某列下拉框赋值,互不影响。功能图:初始时:第一个面板操作:全选,点击全部问题1赋值第二个面板操作:全选,点击全部问题2赋值数据的改变互不影响。实现原理:把面板下的内容放在一个组件里,即子组件,在父组件中使用子组件。(目前只会这种方法)代码<template> <div class="content"> <div class="content1"> <d原创 2020-08-29 16:49:30 · 1071 阅读 · 0 评论 -
vue之父子组件互传值
父组件传值给子组件,子组件获取后修改数据,再将值传给父组件。原创 2020-08-13 19:22:51 · 221 阅读 · 0 评论 -
两个对象属性不完全一样,将一个对象中相同的属性的属性值赋给另一个对象的属性,控制台打印有数据,但是界面不显示数据问题
问题描述:从后端获取一个对象form1,将对象form1的某些属性值赋值给form2对应的属性,显示在前端,控制台打印有数据,但是界面不显示解决办法:先将要赋值的对象设为空。然后将要获取的属性一一对应。如 想要获取手机号、姓名,显示在前端。form2={};form2.Phone=form1.Phone;form2.Name=form1.Name;...原创 2020-08-13 11:41:39 · 951 阅读 · 0 评论 -
vue之表格数据渲染,实现点击表格某列按钮弹出框显示剩余数据(模态框知识点)
点击按钮弹出模态框实现详情:https://blog.csdn.net/qq_20565303/article/details/78734592结果:代码:<template> <div class="content"> <table class="layui-table"> <thead> <tr> <th style="width:100px">姓名</t原创 2020-08-12 14:07:03 · 3090 阅读 · 0 评论 -
在vue的methods中使用递归
错误原因:在函数中调用自身的时候写成crumb()。应该写成 this.crumb()原创 2020-08-01 11:49:55 · 2481 阅读 · 2 评论 -
vue多个路由共用一个页面,路由传参不同,页面显示数据不同,并重新加载数据
1.首先在设置路由的文件设置路由信息。(我的是在index.js中设置路由) routes: [ { path: '/home/exchange/detail', name: 'detail', component: () => import ('@/pages/exchange/Exchange'),原创 2020-07-30 00:42:51 · 6822 阅读 · 1 评论 -
Unexpected keyword . this‘
报错信息:在watch中写判断信息出错。解决方法:改成在created()中写,即可实现原创 2020-07-30 00:25:56 · 5512 阅读 · 0 评论 -
vue之根据axios获取后台数据用echarts画饼图
< template>< div id=“details” style=“width: 500px;height: 289px; box-sizing:border-box; line-height: 289px;”>< /div>< /template>< script>import axios from ‘axios’exp...原创 2019-05-28 20:29:43 · 7751 阅读 · 4 评论 -
vue后端含有标签数据显示在前端
要想在前端显示后端含有标签的数据,则需要使用v-html后端数据:https://www.easy-mock.com/mock/5ce57090f2fc446b5d8ffe18/blog/html前端显示:完整代码如下:(主要看加粗的代码)< template>< div class=“show-examples”>< div v-html=“blog...原创 2019-05-23 18:57:17 · 9059 阅读 · 3 评论 -
vue+element-ui表格列元素添加链接
1.如果要给表格列添加链接,则需要使用自定义列模板(针对element),通过 scoped slot 可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据。关于自定义列模板,在https://element.eleme.cn/#/zh-CN/component/table中有更详细的解释。2.还有就是当给表格列添加链接的时候一定要用上v-bi...原创 2019-05-23 17:43:26 · 18666 阅读 · 2 评论 -
vue表格某一列的显示与隐藏
先看运行结果:初始是默认为显示全部信息:点击隐藏,结果如下图:完整代码如下:(表格数据:https://www.easy-mock.com/mock/5ce57090f2fc446b5d8ffe18/blog/blogdata)< template>< div class=“show-examples”>< el-switch v-model=“val...原创 2019-05-23 17:13:29 · 21363 阅读 · 0 评论 -
vue通过条件获取后台对应数据显示在表格
先看运行结果:正确结果图:图1.运行界面图图2.查询结果图正确代码:(注:要想查看后台数据可以点击 https://www.easy-mock.com/mock/5ce57090f2fc446b5d8ffe18/blog/blogdata这个链接)< template>< div class=“show-examples”> < el-input p...原创 2019-05-23 14:01:29 · 37573 阅读 · 7 评论