Vue
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 · 1247 阅读 · 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 · 2015 阅读 · 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 · 931 阅读 · 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 · 1070 阅读 · 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 · 943 阅读 · 1 评论 -
vue之在每个折叠面板下复选框选中表格行给下拉框选中值互不影响
实现功能:每个折叠面板下有对应数据的表格,选中表格行,给对应行的的某列下拉框赋值,互不影响。功能图:初始时:第一个面板操作:全选,点击全部问题1赋值第二个面板操作:全选,点击全部问题2赋值数据的改变互不影响。实现原理:把面板下的内容放在一个组件里,即子组件,在父组件中使用子组件。(目前只会这种方法)代码<template> <div class="content"> <div class="content1"> <d原创 2020-08-29 16:49:30 · 1015 阅读 · 0 评论 -
vue之复选框选中表格行之后,点击按钮给某列中的下拉框选中值
vue之复选框选中参考资料:https://c.runoob.com/codedemo/3870结果:(1)没执行操作:(2)复选框选中表格数据,点击全部问题1按钮,下拉框选中问题1(3)复选框选中表格数据,点击全部问题2按钮,下拉框选中问题2代码:<template> <div class="content"> <div class="changes"> <button type="button" @click="chang原创 2020-08-22 17:11:22 · 623 阅读 · 0 评论 -
vue之复选框选中表格行数据(全选/全不选/部分选)
1.vue之复选框选中表格行数据(全选/全不选/部分选)参考代码:https://c.runoob.com/codedemo/3870结果:(1)全选:(2)全不选:(3)部分选代码:<template> <div class="content"> <div class="main"> <table border="1"> <tr> <th>原创 2020-08-22 16:19:08 · 3384 阅读 · 4 评论 -
vue组件
1.子组件之间数据的传递:https://www.cnblogs.com/zmyxixihaha/p/11340450.html2.ue兄弟组件通信Bus传值–小案例https://www.jianshu.com/p/0818885355cc3.vue同级组件业务:https://blog.csdn.net/liule18235434869/article/details/82788533?...原创 2020-04-17 08:04:02 · 115 阅读 · 0 评论 -
博客总览
< template>< div class=“show-blog”>< h1 >博客总览< /h1>< input type=“text” placeholder=“搜索” v-model=“search”>< div id=“single-blog” v-for=“y in filteredBlogs”><...原创 2019-03-28 11:15:36 · 223 阅读 · 0 评论 -
添加博客
< template >< div class=“add-blog” >< h2 >添加博客< /h2 >< form v-if="!summitt" >< label >博客标题< /label >< input type=“text” v-model=“blog.title” placehol...原创 2019-03-28 10:48:52 · 310 阅读 · 0 评论 -
Vue一些常用命令
Vue一些常用命令:1.安装vue-clinpm install --global vue-cli2.创建一个基于 webpack 模板的新项目vue init webpack 项目名称3. 安装依赖:cd 项目名称npm install3运行:npm run dev4.安装vue-resource插件(通过XMLHttpRequest或JSONP发起请求并处理响应 //ge...原创 2019-03-27 20:44:49 · 11991 阅读 · 0 评论