随笔分类 - Vue
摘要:在日常运行vue 项目中 在终端 运行命令有时用到 npm run serve 有时是 npm run dev。 那么,什么时候用到 serve ,什么时候用到 dev 呢? 他们的区别是什么? 一般在 vue 3.x 的时候用 npm run serve,vue2.x项目运行的时候用到 npm r
阅读全文
摘要:效果图 man.js 定义 响应式全局对象 globalData 定义一个没有具体参数的json象 extTelTalkData: [], 这么写的好处是 事先不写具体参数,赋值时实例就行。 我是用websocket 收到消息 并赋值的,当然也可以用其它方式赋值。 //全局对象 const glob
阅读全文
摘要:目标:用一个图片来监视全局websocket对象的连接状态 全局websocket的写法详见:https://www.cnblogs.com/hailexuexi/p/17577818.html main.js 全局对象 websocket的连接状态 //全局对象 const globalData=
阅读全文
摘要:vue客户端 main.js import { createApp } from 'vue' import { reactive } from 'vue' import App from './App.vue' import {webSocketUrl} from '/public/static/c
阅读全文
摘要:vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 注:js文件中必须是标准的 json 格式 一、在public中创建static文件夹,在static文件夹中创建 config.json 文件 config.json (必须是标准的 json 格式) { "webSocketUrl":
阅读全文
摘要:效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx
阅读全文
摘要:效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma
阅读全文
摘要:效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii
阅读全文
摘要:在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt
阅读全文
摘要:vue2.0 外部配置文件,重点是打包后也可以 修改配置参数 一、在public中创建static文件夹,在static文件夹中创建config.js文件 config.js { "apiUrl": "http://192.168.1.5:5011/httpCli" } 二、在 man.js 中 使
阅读全文
摘要:vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 axios方式有两个缺点: 1.读取配置参数是用 axios请求 所以要比程序加载慢些。有时会出现程度加载完毕后要等1秒左右才能读到配置参数 2.最重要的缺点是 axios方式,编译后必须放在Apache(或其它服务)的www目录下用 地
阅读全文
摘要:vue项目打包上线时报错’Failed to load resource: net::ERR_FILE_NOT_FOUND’ 原因:这里的确是css以及js文件的路径问题 解决方案: 解决时并不需要手动改路径或者加一段判断去修改 最方便的办法时在项目打包前的 vue.config.js 里面将pub
阅读全文
摘要:模板页 在components目录下 新建 HeaderComponent.vue 文件 HeaderComponent.vue <template> <div > 元素 </div> </template> <script> export default { // 组件名称 name: 'Head
阅读全文
摘要:Vue3 使用 axios 可以实现请求跨域问题 1.安装axios npm install axios -S 2.引入axios 并配置为全局 $axios 对象 main.js import { createApp } from 'vue' import App from './App.vue'
阅读全文
摘要:卸载XXX依赖 npm uninstall XXX -S 卸载 vue-resource npm uninstall vue-resource -s
阅读全文
摘要:问题: 在学习vue的过程中出现了这个问题,说明VueResource模块没有安装。 解决方法: 打开终端,进入当前项目所在目录,输入指令 npm install vue-resource --save 然后等待安装,安装好了以后在main.js中引用(下图红色框中代码)
阅读全文
摘要:在 Vue 3 中集成和使用 Axios Axios 是一个流行的 JavaScript 库,用于在浏览器和 Node.js 中进行 HTTP 请求。它提供了简洁的 API,可以轻松地发送异步请求并处理响应数据。在 Vue 3 中,我们可以使用 Axios 来与后端进行数据交互。 参考资料:Axio
阅读全文
摘要:通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi
阅读全文
摘要:解析: 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况”大多数代码约定要求使用空格或 tab 进行缩进,禁止使用空格和tab混合缩进。因此,一行代码同时混有 tab 缩进和空格缩进,通常是错误的。 解决办法:原因找到了,解决办法就是找到spaces和tabs混合的地方,然后统一即可
阅读全文