vue
文章平均质量分 57
車輪の唄
atarik@163.com
展开
-
Electron+Vue+pyinstaller服务打包
2. vue文件单独打包,命令: npm run build, test.js文件在src下, 然后将vue打包的dist文件,需要手动拷贝到src下。1. electron的入口文件配置test.js, 需要在package.json 配置文件中指定main: src/test.js。3. 打包electron 命令: electron-builder。electron环境安装略。原创 2024-05-08 14:05:37 · 359 阅读 · 0 评论 -
VUE页面布局结构
appMain组件的内容,作为展示的内容页面, 实际上直接是个router-view, 通过路由跳转决定。index.vue作为系统主页面, 布局如下。其中, 所有的页面都是由组件拼接在一起。原创 2024-03-20 11:16:57 · 278 阅读 · 0 评论 -
vue部署在nginx上的配置
2. Vue 路由刷新时可能会抛出 404, 配置的@router 实际上是引用下面的转发. 下面的router, 由于路由的资源不一定是真实的路径,无法找到具体文件. 所以需要将请求重写到 index.html 中,然后交给真正的 Vue 路由处理请求资源。原创 2024-03-15 09:40:14 · 223 阅读 · 0 评论 -
el-table 表格多选, 批量删除功能
批量删除和行删除公用一个删除函数,通过是否有传参来区分。使用confirm二次确认。并最终调接口实现功能。ids用来保存select选中的行id;并使用single和mutiple记录选中情况。ElementUI 提供了多选行table,同时若依框架也提供了成熟的多选表格。只有是multiple时,表示开启多选模式,才可以使用批量删除按钮。需要绑定selection-change方法。原创 2024-03-07 13:04:32 · 2059 阅读 · 0 评论 -
springboot+vue前后端分离适配cas认证的跨域问题
3)前端服务通过http请求拦截器将203状态码 , 然后以浏览器页面跳转的方式跳转到后台新定义的登录url(并携带最终认证后需要跳转的页面) http://localhost:8002/cims/login?2)后台服务cas拦截器验证未登录,(正常是跳转到cas登录, 前后端分离服务这里跳转会403CORS跨域)将cas重定向修改为返回指定状态码203。5)cas服务页面登录成功后, 跳转回/login请求, /login请求会设置session信息,并重定向到最终的即, 最开始请求的那个url。原创 2024-02-23 19:01:29 · 819 阅读 · 1 评论 -
vue proxy解决跨域问题
cims系统ui。原创 2024-02-23 10:56:06 · 183 阅读 · 0 评论 -
vue实现一个简单导航栏
至此,我们的简易导航栏就基本完成!原创 2023-10-10 10:49:04 · 718 阅读 · 0 评论 -
学习vue-router
可参见: vue-router 详解_vue router_七月J的博客-CSDN博客创建路由组件配置路由映射: 组件和路径映射关系使用路由: 通过和 默认情况下, 进入网站的首页, 我们希望渲染首页的内容,但是我们的实现中, 默认没有显示首页组件, 必须让用户点击才可以.如何可以让路径默认跳到到首页, 并且渲染首页组件呢?非常简单, 我们只需要配置多配置一个映射就可以了.改变路径不刷新页面的方式有两种:默认情况下, 路径的改变使用的URL的hash.如果希望使用HTML5的history模式,原创 2023-10-09 15:28:47 · 331 阅读 · 0 评论 -
搭建一个Vue3+Ts+Vite项目
Vue3+Ts+Vite项目(目录篇)——如何从零到一搭建Vue3后台管理系统_从零开始搭建后台管理系统_礼貌而已的博客-CSDN博客原创 2023-10-09 13:52:58 · 103 阅读 · 0 评论 -
vue cli和vite区别
在开发中,我们不可能所有的项目都使用vite从零去搭建,比如一个react项目、Vue项目;这个时候vite还给我们提供了对应的脚手架工具;注意:Vite本身也是依赖Node的,所以也需要安装好Node环境,并且Vite要求Node版本是大于12版本的;vite对TypeScript是原生支持的,它会直接使用ESBuild来完成编译:只需要直接导入即可;注意:在vite2中,已经不再使用Koa了,而是使用Connect来搭建的服务器。vite可以直接支持css的处理:直接导入css即可;原创 2023-10-09 10:31:51 · 587 阅读 · 0 评论 -
Vue数据双向绑定
双向数据绑定Vue.js 是一个 MVVM 框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是 Vue.js 的精髓之处了。值得注意的是,我们所说的数据双向绑定,一定是对于 UI 控件来说的,非 UI 控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用 vuex,那么数据流也是单项的,这时就会和双向数据绑定有冲突。原创 2023-06-19 10:42:02 · 276 阅读 · 2 评论