vue
chunchun_H
远方,远方有多远,,,,,
展开
-
vue中使用arcgis离线地图
vue中使用arcgis原创 2022-07-02 13:13:44 · 4394 阅读 · 19 评论 -
前端代理处理跨域(vue2.x,vue-cli3.x)
注意:该方法只能在 npm run dev下使用,打包上线不起作用我用的是脚手架3.0版本,直接在vue.config.js里配置代理的第三方接口 devServer: { port: 8888, open: true, proxy: { //可以配置多个 '/proxy': { 'target': 'https://www-api.dji.com', //第三方接口地址 'secure': true, //.原创 2021-06-08 18:06:44 · 277 阅读 · 0 评论 -
vue项目中使用element组件,修改样式不生效
今天遇到一个很蠢的问题,用element的slider滑块做一个量杯似的刻度线,修改样式的时候一直不生效。我在自己写的组件上加了scope,表示当前组件中生效,引入的组件库的组件使用时,直接给组件加类名,改变样式是不生效的。引入组件已经成为子组件了,不能加scope。去掉scope就立即生效了。...原创 2021-06-04 18:23:42 · 745 阅读 · 0 评论 -
video视频直播总结(m3u8格式、flv格式)
1、视频播放标签videovideo属性和方法的可以在网上直接找,链接菜鸟教程如果是MP4格式的视频,可以用video标签直接播放,其属性可以直接用,这个格式视频一般是静态的资源,可能是本地也可能是服务器上。<video class="video-img" :src="url" controls="controls"></video>//url即视频地址2、m3u8格式视频流播放该格式需要安装videojs与video标签结合播放//html代码<vid原创 2021-05-28 18:22:36 · 10046 阅读 · 0 评论 -
vue-video-player视频播放及全屏添加信息在视频上
一、vue-video-player实现视频播放安装vue-video-player插件vue-video-player和videojs-contrib-hls后者是播放播放m3u8格式视频流。在main.js中引入注入到全局const hls = require("videojs-contrib-hls") ;Vue.use(hls)将css文件引入import "video.js/dist/video-js.css";import "vue-video-player/src/custom-the原创 2021-05-20 10:19:06 · 3277 阅读 · 0 评论 -
vue 子组件修改props方法
vue是单向数据流,父组件通过props传值给子组件,如果在子组件中修改会报错,一般是不在子组件中修改props的,但偶尔有需要在子组件有修改props,这里介绍三种可以修改子组件props的方法。1.父组件用sync修饰,子组件通过$emit('update:参数',值)函数去修改。在项目中通常可以用改方法关闭弹框。<template> <el-dialog title="提示" :visible.sync="centerDialogVisible"原创 2021-03-07 20:53:36 · 15087 阅读 · 0 评论 -
element loading二次封装
根据element官网,loading的配置项如下:根据这些配置项将loading的打开和关闭封装成方法,可以将方法注入vue的原型中,也可以在使用的时候引入。* @param {obj} target:需要添加loading的对象可以是string(单个)、arr(多个); * Loading的使用方法: * 在页面中引入Loading的公共方法 * 在页面中使用格式为openLoading({ scope: this,原创 2021-01-14 20:09:24 · 1103 阅读 · 1 评论 -
懒加载级联选择级(多选)及其回显
最近有个需求:懒加载三级行政区域,而且可以进行多选,其中涉及它的回显比较麻烦,级联选择器多选出来的结果是一个二维数组,要对这个二维数组回显,而拿到回显的数据是最后一级数据组成的数组。具体的需求如下:级联选择器在弹框中,用户在弹框中选择的结果放在页面组件中(选择的label和value)显示label,将value传给后台。再次点击弹框时,需要回显用户的选择,同时在页面组件中用户是可以删除某个选中的行 政区域的。1、懒加载三级行政区域级联选择器,先默认请求第一级(省级行政区域),然后懒加载二三级原创 2020-11-01 15:31:45 · 3476 阅读 · 8 评论 -
vue过渡与动画( transition标签)
Vue的动画并没有非常炫酷的效果,不过也是有一些实用性的,在项目中有的地方使用,也是能够营造出不同的效果。原创 2020-03-13 22:46:44 · 424 阅读 · 0 评论 -
element中使用带图标日期选择器
在element中使用带图标日期选择器组件,该组件只提供了图标在头部位置,如果我们想要修改图标位置可以给icon加text-align:right/left原创 2020-03-02 12:26:05 · 3616 阅读 · 0 评论 -
vue的Methods和Computed
1、El 元素节点el为element的缩写,表示绑定DOM元素节点,该DOM的元素的绑定就类似于选择器,<div id="app"> <p></p> <p></p></div><script>//这样就绑定了大盒子divvar vue=new Vue({el:"#app"})<...原创 2020-02-27 21:46:55 · 232 阅读 · 0 评论 -
vue中axios的高级用法:请求拦截
vue框架是一款非常小巧轻便的JavaScript渐进式框架,在项目中用得非常多,所以在面试的时候如果会vue,会更容易得到面试官的认可,我分享一个在面试用问的比较多的同同时我们平常没有怎么具体研究的axios,想必很多人和我一样,都知道在vue用通常是用axios发异步请求的,也知道它的高级用法是可以作拦截...原创 2020-02-17 18:29:05 · 838 阅读 · 0 评论