vue
文章平均质量分 70
vue的学习笔记
王小希ww
翻万卷书,游万里路;
学会提问,系统深入;
思考方式远比记住结论重要;
技术是帮人省时间,而不是浪费别人的时间;
胆大心细,脸皮要厚;
礼仪是让别人方便,不是让自己方便;
心态若改变,态度跟着改变;
态度改变,习惯跟着改变;
习惯改变,性格跟着改变;
性格改变,人生就跟着改变;
未来目标:学会爱自己(健身,早睡早起好习惯),学会生活(保持激情,学会精力管理),学会提升自己(抓住能够锻炼自己的一切机会,坚持看书)
展开
-
【Vue】Vue-Cli整合Echart
Vue-Cli整合Echart原创 2023-07-30 12:24:33 · 584 阅读 · 0 评论 -
控件、组件和插件的区别
控件、组件和插件的区别转载 2022-07-09 21:52:59 · 3557 阅读 · 0 评论 -
Vue页面跳转
Vue页面跳转简单页面跳转(无传参)参考 搭建VUE项目(三)VUE项目实现页面跳转vue页面跳转传参 参考 vue-如何实现带参数跳转页面seeExa(e) { window.console.log("查询成功", e); this.$router.push("/Exa/" + e.id+"/"+e.paperName); //使用get请求传参跳转至B页面}在A页面对应的路由需配置相应属性信息(如果使用的是vue-admin-template框架,即在router目录下的index转载 2022-01-06 21:49:55 · 246 阅读 · 0 评论 -
CSS 之 Flex布局
CSS 之 Flex布局文章目录CSS 之 Flex布局1、Flex布局 vs 网格布局 (1D vs 2D)2、Flex属性1)flex-direction属性 & 排列方向2)flex控制横纵轴 & 排列顺序(单/双项目)a)理解justify-content & align-itemsb)理解justify-content :space-betweenc)for循环排列卡片3、Flex响应式布局1、Flex布局 vs 网格布局 (1D vs 2D)个人理解:Flex是一维原创 2022-01-06 21:41:45 · 32457 阅读 · 1 评论 -
Vue 列表对象删除数据操作
Vue 列表对象删除数据操作参考Vue 常用列表操作实例 - 删除列表数据<div class="flex_column img_div"> <div class="flex_row" v-for="item in dialogForm.trainingPlanFileList" :key="item.fileName" > {{item.fileName}} <span class="point原创 2021-12-29 01:11:32 · 3442 阅读 · 0 评论 -
Vue自定义组件 & 前端初学习心得
Vue自定义组件文章目录Vue自定义组件小总结自定义组件核心1、封装组件的步骤2、参数传递3、emit的使用(如何暴露组件方法)自定义组件注意点1、导包和组件注册2、子组件监听父组件的值是否发生修改小总结最近在老板公司实习,第一周要搞后端,完成增删改查工作;待测试好所有后台接口之后,第二周又要在该项目上搞前端。后端框架Mybatis+springMVC我还比较熟悉,上手没什么难度,但是对于前端框架vue-admin-template + element-ui,虽然我之前也写过些前端,但都是一个人单干原创 2021-12-26 14:16:02 · 798 阅读 · 0 评论 -
axios如何处理跨域问题
axios如何处理跨域问题文章目录axios如何处理跨域问题一、对跨域的理解1、我们为何要研究跨域问题2、为何浏览器会制定同源策略二、实验三、解决方案四、参考文档一、对跨域的理解一下摘取该blog1、我们为何要研究跨域问题 因为浏览器的同源策略规定某域下的客户端在没明确授权的情况下,不能读写另一个域的资源。而在实际开发中,前后端常常是相互分离的,并且前后端的项目部署也常常不在一个服务器...原创 2020-04-04 15:55:06 · 1570 阅读 · 0 评论 -
上传文件,路径为C:\fakepath\的问题(待跟进)
上传文件,路径为C:\fakepath\的问题(待跟进)一、遇到的问题 今天在用bootstrap + vue上传本地文件到后台时,发现后台接收的本地文件路径不是真实路径(C:\fakepath\test.txt),使得后台无法通过接收前台的文件路径,对文件进行读取,并保存在数据库中。ava.io.FileNotFoundException: File 'C:\fakepath\test...原创 2020-04-02 16:13:55 · 5826 阅读 · 0 评论 -
vue数组的删除和追加操作
vue数组的删除和追加操作1、Vue.js 数组追加合并与对象追加合并【Object.assign()】2、Vue.js中splice()方法实现对数组进行增删改的操作转载 2020-04-01 01:26:50 · 2170 阅读 · 0 评论 -
vue + websocket 的使用
vue + websocket 的使用文章目录vue + websocket 的使用一、什么是websocket二、websocket 的使用三、在vue 中如何使用四、遇见的坑一、什么是websocket1、WebSocket是一种在单个TCP连接上进行全双工通信的协议(摘自维基百科)。我们都知道Http协议,通信由客户端发起。但是,有需求需要我们在客户端不发起通信的时候,由服务器端发送,...转载 2020-03-29 20:17:52 · 1463 阅读 · 0 评论 -
unpkg.com 前端源 太卡 ,试试国内cdn 吧
开发是用到了前端框架(bootstrap,vue) cdn 导致网页速度加载过慢unpkg.com查询最终发下了一个国内的cdn 镜像,惊喜!!!!!!!!把 unpkg.com 替换成unpkg.zhimg.com速度刺不刺激 ,惊不惊喜...转载 2020-03-27 23:23:31 · 6062 阅读 · 0 评论 -
Bootstrap显示下拉框和模态框
Bootstrap显示下拉框和模态框一、Demo描述 医生可以通过下拉框,给学生问题添加标签。若标签不存在,则可以自己创建标签。创建成功后,会自动刷新页面。二、Bootstrap显示下拉框1、如何使用Ⅰ、设置按钮组<div class="btn-group"> <button type="button" class="btn btn-neutral dropdo...原创 2020-03-22 22:25:06 · 1549 阅读 · 0 评论 -
springMVC+Thymeleaf+VUE2后台向前台传值方式
1、@ModelAttribute功能,注册以及别名,如@ModelAttribute(“testData”) Usertest testData,意思是将Usertest 对象注册一下,并且前台访问的别名为testData后台用法://传递参数@ModelAttributetestData.setUsename("测试@ModelAttribute获取");thymeleaf 页...转载 2020-03-19 17:41:45 · 1149 阅读 · 0 评论 -
axios实现表单的验证提交
2020.2.29axios实现表单的验证提交1、Demo描述:1)登录:检查学生号,密码是否为空。 思路:用vue的v-model实现数据的双向绑定检查该用户是否存在。 思路: 用axios.get来实现异步查2)注册:检查学生号,用户名,邮箱,密码1,密码2是否为空或相等。 思路:用vue的v-model实现数据的双向绑定...原创 2020-03-13 16:11:44 · 2322 阅读 · 0 评论