vue
caicaicai404
很佛系,闲来无事就写写博客
展开
-
element的table组件实现表头动态合并
设置为row[0].rowSpan = 3,其他两行就设置成display: "none”拓展↓:如果还想在表头最前面的位置加一列日期呢。然后发现是不行的,表头会错乱。原创 2023-05-30 23:45:21 · 1381 阅读 · 1 评论 -
vue批量验证form表单数据
批量验证用户表单栏是否为空,正则判断是否正确参考文章:https://www.cnblogs.com/cengjingdeshuige/p/10185693.html然后进行了部分代码更改如下:<template> <div class="from_box"> <form action=""> &l...原创 2019-07-28 19:17:39 · 10911 阅读 · 0 评论 -
vue form表单数据提交
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,再利用双向绑定得到值。下面写了传json格式跟formData格式的两种情况,根据实际参考<template> <div class="from_box"> <form action=""> <input ty......原创 2019-07-28 19:21:38 · 103859 阅读 · 8 评论 -
vue keep-alive案例全教程
该dome一个案例是用keep-alive实现 'form表单' 点击跳转 '阅读活动协议页' 再返回表单数据不刷新进行缓存。另一个是keep-alive实现 '信息列表页' 滚动到某一位置点击跳转'详情页'再返回,保留列表上次滚动到的位置。而且用keep-alive来实现这些效果,比使用vuex或者sessionStorage这两种方法要合理,不用重复调本地缓存,再渲染。效果图:...原创 2019-07-28 19:02:50 · 3077 阅读 · 0 评论 -
解决ios底部固定输入框,获取焦点时弹出输入法键盘挡住输入框
ios端比较常见的,就是在页面底部固定的输入框,如下,一旦获取焦点,弹出的输入法键盘就会把input输入框完全挡住,解决方法很简单,加上下面的几行代码即可 $(".replay_text").on("click", function() { setTimeout(function(){ document.body....原创 2018-11-01 09:30:07 · 5245 阅读 · 0 评论 -
vue导航守卫beforeRouteLeave浏览器返回时,自定义弹窗提醒用户保存信息
H5页面中经常会遇到的情况,当前页面点击返回,想要提示弹窗"是否确认离开当前页面"之类的需求。自己试着看了一下网上的方法,大多是alert出系统弹窗。其实要实现自定义弹窗提示,也是很容易的。从另一个页面点击跳转到当前页(如下),点击浏览器返回按钮,则会弹窗下面的弹窗,点击弹窗确定按钮,页面返回上一页 完整代码:<template> <div class="...原创 2018-10-17 13:57:23 · 19838 阅读 · 4 评论 -
vue步步深入(四)项目编写,路由配置
1.在App.vue页面写需要的组件<template> <div id="app"><!--这个到时候会替换掉index.html的#app的DOM元素--> <m-header></m-header> <tab></tab> <router-view>原创 2018-06-10 21:31:07 · 575 阅读 · 0 评论 -
vue步步深入(三)脚手架文档的基本结构和处理
1."static"文件夹可以放静态资源2."src"文件夹里自动生成的几个文件夹可以删掉,后面我们可以建自己需要的文件夹3."App.vue"里面可以先删掉多余的东西,只留下最简单的模板<template></template><script>export default { }</script><st原创 2018-05-20 13:11:02 · 669 阅读 · 0 评论 -
vue步步深入(二)package.json文件介绍和使用
1.运行项目,命令行:npm run dev2.“dependencies”依赖包,需引入页面使用3.“devDependencies”生产环境,只是开发阶段需要4.在给“dependencies”手动输入"fastclick": "^1.0.6",安装fastclick插件。再在命令行中输入:...原创 2018-05-19 17:44:36 · 27780 阅读 · 0 评论 -
vue步步深入(一)环境搭建
1.npm命令行:vue init webpack 文件夹名字2.再写项目名,一般小写3.上下键控制选择,选择下面6KB轻量级那项,回车4.接下来的步骤如下图操作:这样项目初步的脚手架就搭好了,生成的文件夹目录如下:5.再输入命令行,进入AppleMusic文件夹cd AppleMusic6.输命令行,安装所有的依赖包npm installpackage.json文件介绍1.运行项目,命令行:np...原创 2018-05-18 23:53:28 · 635 阅读 · 0 评论