VUE
Abenazhan
这个作者很懒,什么都没留下…
展开
-
使用Electron打包vue文件变成exe应用程序
然后在Electron 项目中执行npm run package,进行打包exe,打完包之后在根目录下的release的文件夹中有打包好的exe文件。修改生产环境配置,配置为后端得地址,http://127.0.0.1:8080/ 避免避免Electron打包exe后接口调用不通得问题。修改跳转到其他页面空白得问题,路由跳转得问题,把history修改成hash。打包后得路径修改成为./,避免Electron打包exe后显示空白。把vue项目打成dist的包,放到Electron项目的根目录下。原创 2024-01-23 15:49:28 · 1790 阅读 · 0 评论 -
vue使用mock.js模拟接口数据
在src目录下创建mock文件夹,文件夹中创建index.js文件和存放数据的comp.js文件。mock的接口可调用。原创 2022-08-05 18:01:59 · 306 阅读 · 0 评论 -
vue点击弹窗里面嵌套ifream,监听ifream的数据
被嵌套的ifream中 在ifream中点击的时候赋值。<template> <div @click="dianji"> 11111 </div></template><script>export default { name: 'aa', mixins: [], data: function() { return { aacc: [], } },原创 2022-04-12 13:09:49 · 1315 阅读 · 0 评论 -
vuex全局定义变量,所有vue页面可以使用,一个页面改变变量值,同步到所有页面
store文件夹下index.jsconst state = { upAndDown: ''};store文件夹下mutations.jssetUpAndDown(state, val) { state.upAndDown = val;}需要改变全局变量setUpAndDown就是上面的方法名this.$store.commit('setUpAndDown', '1');监听全局变量发生变化执行方法: watch: { '$s.原创 2021-11-19 00:40:28 · 2408 阅读 · 0 评论 -
vue监听窗口大小发生变化,实现自适应
首先在data定义变量:data() { return { screenWidth: document.body.clientWidth }; },监听窗口大小变化:mounted() { const that = this; window.onresize = () => (() => { window.screenWidth = document.body.原创 2021-11-19 00:16:58 · 9231 阅读 · 3 评论 -
在vue页面中引入另一个vue的页面
vue代码<template> <div class="backgree"> <CxglTimeLine v-if="xianshi"></CxglTimeLine> <CxglList v-if="!xianshi"></CxglList> </div></template>JS代码<script>import CxglList f原创 2021-11-03 15:43:10 · 5027 阅读 · 1 评论 -
vue向java后台传值
前台get请求传参数:load(){ request.get("/api/user/findpage",{params:{pageNum:this.currentPage,pageSize:this.pageSize,Search:this.search}}).then(res =>{ this.tableData = res.data.records; this.total= res.data.total; }).原创 2021-09-08 00:49:55 · 797 阅读 · 0 评论 -
前端如何请求后台和跨域解决方法
前端使用vue3.0+Elementui搭建页面:有个新增按钮,点击后出现弹窗,弹窗里是表单信息,点击确认后新增进数据库。新建两个文件request.js文件:request.jsimport axios from 'axios'const request = axios.create({ timeout: 5000})// request 拦截器// 可以自请求发送前对请求做一些处理// 比如统一加token,对请求参数统一加密request.原创 2021-08-15 17:30:37 · 1884 阅读 · 3 评论 -
vue引用import“@/路径“ 有下划线并且 crtl+鼠标无法点进去
点击file 进入到setting中选择webpack,指定到@vue\cli-service\webpack.config.js文件关闭idea重启即可,下划线就消失了CTRL+鼠标也能进到引用的文件中原创 2021-08-15 02:59:07 · 1473 阅读 · 2 评论