上一页 1 ··· 16 17 18 19 20 21 22 23 24 ··· 76 下一页
2023年7月14日
Vue3 webSocket收到消息改变响应式全局对象从而实时改变界面
摘要： 需求在 main.js 中 创建一个 响应式全局对象 。通过WebSocket收到消息 改变这个全局对象时 ，子组件应同步响应。 效果：这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMon 阅读全文
posted @ 2023-07-14 17:02 海乐学习 阅读(670) 评论(0) 推荐(0)
Vue3 响应式全局对象
摘要： 需求在 main.js 中 创建一个 响应式全局对象 。改变这个全局对象时 ，子组件应同步响应。 效果：这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMonitorData: [ { ti 阅读全文
posted @ 2023-07-14 16:46 海乐学习 阅读(186) 评论(0) 推荐(0)
2023年7月12日
Vue3 实现点击菜单实现切换主界面组件
摘要： 子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能：在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 阅读全文
posted @ 2023-07-12 17:24 海乐学习 阅读(1238) 评论(0) 推荐(0)
Vue3 子组件 调用 父组件的函数
摘要： 子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 阅读全文
posted @ 2023-07-12 16:51 海乐学习 阅读(2410) 评论(0) 推荐(1)
Vue3 动态切换组件component
摘要： 在 vue3 开发中 经常会遇有 动态切换组件 的需求，下面简单写个例子，当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t 阅读全文
posted @ 2023-07-12 16:30 海乐学习 阅读(1637) 评论(0) 推荐(0)
2023年7月11日
JQuery 控制 Div 显示和隐藏
摘要： 页面上有两个 Div 用 JQuery 控制 Div 显示和隐藏。实现Div间切换的需求 <div class="IndConK Huans overH" id="divExtTelList"> 11111111111111111111 <div> <div class="IndConB flex" 阅读全文
posted @ 2023-07-11 14:04 海乐学习 阅读(99) 评论(0) 推荐(0)
2023年7月7日
vue2.0 外部配置文件
摘要： vue2.0 外部配置文件，重点是打包后也可以 修改配置参数 一、在public中创建static文件夹，在static文件夹中创建config.js文件 config.js { "apiUrl": "http://192.168.1.5:5011/httpCli" } 二、在 man.js 中 使 阅读全文
posted @ 2023-07-07 16:20 海乐学习 阅读(178) 评论(0) 推荐(0)
vue3.0 外部配置文件二 (axios方式)
摘要： vue3.0 外部配置文件，重点是打包后也可以 修改配置参数 axios方式有两个缺点： 1.读取配置参数是用 axios请求 所以要比程序加载慢些。有时会出现程度加载完毕后要等1秒左右才能读到配置参数 2.最重要的缺点是 axios方式，编译后必须放在Apache(或其它服务)的www目录下用 地 阅读全文
posted @ 2023-07-07 16:08 海乐学习 阅读(721) 评论(0) 推荐(0)
Vue3 响应式全局对象
摘要： 项目需求 实现一个 响应式全局对象，在A模板页修改全局对象 ，在B模板页中自动响应改变为新值 main.js 全局对象 globalVars import { createApp } from 'vue' import { reactive } from 'vue' import App from 阅读全文
posted @ 2023-07-07 15:02 海乐学习 阅读(479) 评论(0) 推荐(0)
2023年7月3日
vue项目打包上线时报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND‘
摘要： vue项目打包上线时报错’Failed to load resource: net::ERR_FILE_NOT_FOUND’ 原因：这里的确是css以及js文件的路径问题 解决方案： 解决时并不需要手动改路径或者加一段判断去修改 最方便的办法时在项目打包前的 vue.config.js 里面将pub 阅读全文
posted @ 2023-07-03 14:27 海乐学习 阅读(1253) 评论(0) 推荐(0)
上一页 1 ··· 16 17 18 19 20 21 22 23 24 ··· 76 下一页