Vue elementUI-select多选下拉框数据回显成功后,点击下拉选项或删除回显数据无反应

  • Post author:
  • Post category:vue

文章目录 一、问题描述 二、问题分析 三、解决方法 1.方法一 vm.$set 2.方法二 vm.$forceUpdate() 一、问题描述 项目上使用Vue+elementUI-select多选下拉框做数据编辑时,数据回显成功,但是无法对回显成功数据进行操作。 代码片段: <template> <el-form-item label="标签:" prop="values">…

继续阅读 Vue elementUI-select多选下拉框数据回显成功后,点击下拉选项或删除回显数据无反应

uni-app vue axios跨域访问问题

  • Post author:
  • Post category:vue

uni-app vue axios跨域访问问题 为了解决这个axios跨域访问报错问题,查了很多资料,最终还是解决了,特此在这里记录下方法。 main.js import axios from 'static/api/axios.min.js' //导入axios axios.defaults.baseURL='/api' Vue.config.productionTip = false Vue.…

继续阅读 uni-app vue axios跨域访问问题

Vue | TodoList 案例【完整过程】

  • Post author:
  • Post category:vue

文章目录 实现静态组件 展示动态数据 完成功能 按下回车 添加todo 注意点 完整流程 完成功能 勾选checked 时间状态发生变化 删除功能 底部统计功能 底部交互 本地存储 自定义事件 全局事件总线 编辑功能 动画与过度 实现静态组件 拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 创建组件 在 App.vue 里引入组件并注册组件 因为item 是在List 里面的,所…

继续阅读 Vue | TodoList 案例【完整过程】

【大华摄像机hls拉流vue使用videojs展示 一个页面多个视频同时播放】

  • Post author:
  • Post category:vue

前言 主要参考https://blog.csdn.net/qq_39923762/article/details/89149715?spm=1001.2014.3001.5506 我们的项目是在大华摄像机通过流媒体服务器进行拉流的方式进行的,前端调取视频数据只需要通过访问ip就可以获取到了。 cnpm install video.js cnpm install videojs-contrib-hl…

继续阅读 【大华摄像机hls拉流vue使用videojs展示 一个页面多个视频同时播放】

vue.config.js配置configureWebpack的optimization splitChunks页面空白

  • Post author:
  • Post category:vue

确实通过这种方式解决: vue.config.js配置configureWebpack的optimization splitChunks页面空白 - DCloud问答 原因可能是这个: Taro项目 运行抛出警告chunk common [mini-css-extract-plugin] Conflicting order between: - 简书 版权声明:本文为u010856177原创文章,…

继续阅读 vue.config.js配置configureWebpack的optimization splitChunks页面空白

vue前端获取后端传过来的图片流进行展示

  • Post author:
  • Post category:vue

get请求获取到后端传来的图片流不能直接再页面进行展示,需要在接口处进行转化再赋值,转化的方式就是 window.URL.createObjectURL( ) ,将图片流转化为本地请求地址。 let res= await this.$http.get('url',{ responseType: 'blob' }) this.captchaImg = window.URL.createObjectU…

继续阅读 vue前端获取后端传过来的图片流进行展示

vue移动端日历组件封装

  • Post author:
  • Post category:vue

最近项目需求,需要做一个移动端的日历,类似于安卓原生日历。网上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的,于是拿过来稍加改造,终于可以用了。在这里非常感谢这位博主,省去我很多的开发时间。附上此博客地址: https://blog.csdn.net/yin_you_yu/article/details/81126513 废话不多说,直接附上代码供大家参考: <tem…

继续阅读 vue移动端日历组件封装

Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)

  • Post author:
  • Post category:vue

Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole) 目录 Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole) 一、简单介绍 二、Eruda 1、安装 2、使用 3、实用 三、vConsole 1、安装 2、使用 3、实用 四、关键代码 五、CDN 方式使用 Eruda 、vConsole 六、其他 …

继续阅读 Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)

Vue中使用天地图

  • Post author:
  • Post category:vue

Vue项目引入天地图 在vue的静态资源目录下的 index.html 中引入天地图的底图,开发天地图源码路径: 天地图API 方法一:加载天地图,引用: public/index.html <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你申请的key"></scri…

继续阅读 Vue中使用天地图

关于Vue3.0以上版本降级

  • Post author:
  • Post category:vue

vue -V 查看本机vue版本 npm uninstall -g @vue/cli 卸载vue脚手架 npm install -g vue-cli vue -V 查看新版本 版权声明:本文为qq_43236333原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_43236333/article/deta…

继续阅读 关于Vue3.0以上版本降级