上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 69 下一页
摘要: 在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt 阅读全文
posted @ 2023-07-17 12:09 海乐学习 阅读(793) 评论(0) 推荐(0) 编辑
摘要: 需求在 main.js 中 创建一个 响应式全局对象 。通过WebSocket收到消息 改变这个全局对象时 ,子组件应同步响应。 效果:这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMon 阅读全文
posted @ 2023-07-14 17:02 海乐学习 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 需求在 main.js 中 创建一个 响应式全局对象 。改变这个全局对象时 ,子组件应同步响应。 效果:这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMonitorData: [ { ti 阅读全文
posted @ 2023-07-14 16:46 海乐学习 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能:在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 阅读全文
posted @ 2023-07-12 17:24 海乐学习 阅读(1060) 评论(0) 推荐(0) 编辑
摘要: 子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 阅读全文
posted @ 2023-07-12 16:51 海乐学习 阅读(2265) 评论(0) 推荐(1) 编辑
摘要: 在 vue3 开发中 经常会遇有 动态切换组件 的需求,下面简单写个例子,当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t 阅读全文
posted @ 2023-07-12 16:30 海乐学习 阅读(1332) 评论(0) 推荐(0) 编辑
摘要: 页面上有两个 Div 用 JQuery 控制 Div 显示和隐藏。实现Div间切换的需求 <div class="IndConK Huans overH" id="divExtTelList"> 11111111111111111111 <div> <div class="IndConB flex" 阅读全文
posted @ 2023-07-11 14:04 海乐学习 阅读(79) 评论(0) 推荐(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 海乐学习 阅读(92) 评论(0) 推荐(0) 编辑
摘要: vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 axios方式有两个缺点: 1.读取配置参数是用 axios请求 所以要比程序加载慢些。有时会出现程度加载完毕后要等1秒左右才能读到配置参数 2.最重要的缺点是 axios方式,编译后必须放在Apache(或其它服务)的www目录下用 地 阅读全文
posted @ 2023-07-07 16:08 海乐学习 阅读(586) 评论(0) 推荐(0) 编辑
摘要: 项目需求 实现一个 响应式全局对象,在A模板页修改全局对象 ,在B模板页中自动响应改变为新值 main.js 全局对象 globalVars import { createApp } from 'vue' import { reactive } from 'vue' import App from 阅读全文
posted @ 2023-07-07 15:02 海乐学习 阅读(374) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 69 下一页