之前的项目中使用过一次vuex搭配localstorage存储token,使token持久化保存。 好长时间不用,又把vuex的使用忘的一干二净,重新百度搜索,自己尝试后实现需求。 我的业务需求是父页面中嵌套了一个子页面,父页面的一个卡片列表区域通过点击卡片项跳到子页面,原先子页面有返回按钮,现在取消子页面的返回按钮,在父页面通过点击菜单项实现返回。 子页面需要填报数据,如果有正在编辑的内容未保存
# 使用 Vue 和 Axios 实现数据保存的完整指南 在现代 Web 开发中,前端框架如 Vue 和库如 Axios 使得与后端的数据交互变得简单而高效。如果你是一名刚入行的小白,下面这篇文章将指导你如何使用 Vue 和 Axios 完成数据保存工作。我们将从整体流程入手,然后逐步详细讲解每一步所需的代码及其意义。 ## 整体流程 | 步骤 | 描述
原创 11月前
100阅读
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 vue存储数据的几种方法(Vuex与本地存储)前言一、vuex1.创建vuex2.存入数据3.取出数据二、本地存储1.存储数据2.取出数据3.清除数据总结 前言在浏览网页时我们有些时候需要记住一些用户选择的信息,比如登陆时我们如果选择了记住密码,那么我们下次进入该网页时就会有你上次的登陆信息。 在网站开发中,我们可能会遇到左边是列表
vue处理下拉列表  vue绑定下拉列表        <select id="selected" v-model="selected"><option value="" >{{selecttext}}select>          selected:'',         selecttext:'选择优惠券',                    //处理优惠券
vue
原创 2021-06-03 20:17:29
1436阅读
可以实现多选,联想搜索(仅单选支持)功能展示可联想搜索的单选   多选        使用介绍支持从父组件传的参数有'redBorder','width','height','placeholder','optionList','selectOption','multiple','colo
转载 10月前
557阅读
之前的项目中使用过一次vuex搭配localstorage存储token,使token持久化保存。好长时间不用,又把vuex的使用忘的一干二净,重新百度搜索,自己尝试后实现需求。我的业务需求是父页面中嵌套了一个子页面,父页面的一个卡片列表区域通过点击卡片项跳到子页面,原先子页面有返回按钮,现在取消子页面的返回按钮,在父页面通过点击菜单项实现返回。子页面需要填报数据,如果有正在编辑的内容未保存,点菜
转载 2023-10-12 21:17:26
98阅读
vue在移动端开发过程中,上拉加载、下拉刷新是页面的基本需求,现在给大家介绍一种基于touch事件封装的刷新组件。组件支持传参、传递事件、请求成功异步回调、上拉与触底触发加载或刷新。父子组件间的通信这里我们有两个页面,父组件note.vue与刷新组件baseScroll.vue。通过Prop向子组件传递数据、通过事件向父组件发送消息、通过插槽slot分发内容。note:<base-scrol
<treeselect :appendToBody="true" :options="item.options" v-model="formResult[item.columncode]" :normalizer="normalizer" placeholder="请选择" noOptionsTex
原创 2022-08-04 17:02:00
2853阅读
使用vue实现简单的select下拉选择看看效果下面看看代码如何实现:1.代码结构:index.js文件 注册全局组件TySel
 ✨✨个人主页:沫洺的主页??系列专栏: ? JavaWeb专栏? JavaSE专栏 ? Java基础专栏?vue3专栏                            ?MyBatis专栏?S
属性排放 管理请求加载状态 Proxy跨域 对developer和build的打包进行不同配置 大部分开发者都喜欢将Vue的config写在一个文件中,看起来是没有问题,但是随着环境的变化,项目优化,WebPack插件,等等具有针对性的配置进来后,就会显得稍微杂乱了,这个时候就可以考虑做单独的配置,通过process.dev分别对不同的环境进
第一种(Vuex)(PS:刷新就清空时使用或者使用eventBus全局变量也行。) 第二种(sessionStorage)(PS:刷新不清空关闭窗口才清空时请用。) 第三种(localStorage)(PS:关闭浏览器都不清空时才使用。)在此之前呢,先简单了解下他们的操作使用吧!  sessionStorage的操作:    设置:sessionStorage.setItem('userData'
智能社——http://www.zhinengshe.com {{value}} 暂无数据... ...
转载 2017-06-10 01:15:00
147阅读
2评论
vue下拉组件(vue-listbox-multiselect)Vue Dual list-box multi-select drop-down component for enterprise applications. Vue用于企业应用程序的双列表框多选下拉组件。 (Motivation)There are several good multi-select components avail
最近在工作之余一直学习Vue3.0相关知识,虽然Vue3.0至今还是rc版,但这并不影响我们去学习。今天这篇文章是我关于Vue3.0的第四篇文章。在前文中我们讲解了如何通过vite和vuecli搭建Vue3.0开发环境,然后介绍了Vue3.0中的setup,reactive,ref等,今天这篇文章主要讲解了以下内容: Vue3.0中使用watch Vue3.0中使用计算属性 Vue3.0中使用v
<script setup lang="ts"> import { Empty } from 'ant-design-vue'; const props = withDefaults(defineProps<{ modelValue: any[] // 重要: 外部在使用这个的时候,不要修改,要通过
原创 9月前
103阅读
1、页面权限控制这个常见做法是,在路由跳转的时候做判断,通过router钩子函数判断页面是否需要登录首先在router配置 meta属性image然后在钩子函数里面判断imageto.meta.requireAuth为true就跳去登录页面登录,否则就直接到要访问的页面2、vuex页面F5刷新后维持刷新前的状态不变首先在store的index.js中,state,增加页面要保存的变量,并且将它们的
使用html2canvas插件 官网:http://html2canvas.hertzen.com/1、安装:npm install --save html2canvas2、在需要使用的vue组件中引入: import html2canvas from "html2canvas"3、将制定区域内转成图片   添加ref标记<div class="containe
转载 2023-10-12 21:17:35
528阅读
{{title}} {{selectValue}} 0"> {{item}} {{day}} {{title}} ...
转载 2019-05-28 11:48:00
443阅读
2评论
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1、安装 vue-video-player npm install vue-video-player --save npm install videojs-contrib-hls --save //播放直播 //在main.js中引入 // 引入播放器 import VideoPlayer from 'vue-vid
转载 2024-08-15 10:29:08
92阅读
  • 1
  • 2
  • 3
  • 4
  • 5