前端
关注
分享
扫一扫
weixin_43867432
这个作者很懒，什么都没留下…
展开
-
VUE 创建全局变量(整个vue实例可用且可修改)
main.js这里我是想要从服务器获取网络连接路径 一些网络路径变动之后 只需要修改后台import http from './utils/http'Vue.use(vueSeamlessScroll)Vue.use(ElementUI, { locale })Vue.config.productionTip = falseasync function main () { new Vue({ el: '#app', router, .原创 2021-08-19 17:21:39 · 700 阅读 · 1 评论 -
设置滚动条
.vm-body { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; width: 94%; height: 90%; margin-left: 3%; align-content: space-between; z-index: 100; overflow-y: scroll; overflow-x: hidden;}.vm-body::-原创 2021-07-07 15:04:34 · 353 阅读 · 0 评论 -
鼠标操作 vue [学习记录]
html代码 <div class="item1" @mousedown="mousedown($event)"> 鼠标拖动demo <br /> event.clientY和event.clientX: 鼠标在页面相对可见区域的<br />y值: {{ clientY }} X值: {{ clientX }}<br /> </div> <div class="item-原创 2021-03-29 15:01:47 · 180 阅读 · 0 评论 -
video-player [ 视频播放插件 ]
安装依赖npm install vue-video-player --save导入到main.jsimport VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css'Vue.use(VideoPlayer)实际使用 <video-player ref="videoPl.原创 2021-03-24 17:34:53 · 1547 阅读 · 0 评论 -
Vue 事件代理 【记录备忘】
@click.native="OpenWebSizeDrawer($event)" //父容器加入代理事件 native 表示所有的子事件 // 需要代理的元素 加入 data-index index 可以随意取值 :data-index ="value" // 也可以加入属性 id 之类的:id = "value"// 函数中 方法名(e) { let dom = e.target ; let index = dom.dataset.index ; let id = do原创 2021-02-24 16:35:42 · 227 阅读 · 0 评论 -
Vue-Transition [学习记录]
transition 属性 .v-leave-active { transition: opacity 0.5s ease; } v： transition 的name transition-property: 其主要有以下几个值： none(没有属性改变)； all（所有属性改变）这个也是其默认值； indent（元素属性名） 例如：opacity 表示透明度改变的时候执行; transition-dura.原创 2021-02-22 15:50:12 · 353 阅读 · 0 评论 -
[ 学习 ] js 操作
遇到的问题2. js的dom操作 比css权重更高 如果css失效 可以加上!important 因为!important 的权重是最高的原创 2020-11-25 10:54:15 · 97 阅读 · 0 评论 -
[ 学习 ] Vue Image [ 备忘 ]
动态绑定src<img class="title_img_left" :src="imgs_left">data 里面 imgs_left:require('@/img/title/u141.png'),悬浮事件 @mouseover="Mouseover()" // 鼠标移入 @mouseleave="Mouseleave()" // 鼠标移除原创 2020-11-17 14:44:39 · 138 阅读 · 0 评论 -
[ 学习 ] Vue
组件的使用2. 导入组件 import ImageCropper from '@/components/ImageCropper' import PanThumb from '@/components/PanThumb'3. 声明组件 components: { ImageCropper, PanThumb }4. 使用组件 <ImageCropper></ImageCropper>原创 2020-11-12 15:04:04 · 169 阅读 · 0 评论 -
Vue 路由 学习
路由跳转this.$router.push({path:‘teacher/table’});原创 2020-09-23 16:18:18 · 114 阅读 · 0 评论 -
Vue模板-待更新
{ "vue htm": { "scope": "html", "prefix": "vuehtml", "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>", " <meta charset=\"UTF-8\">", " <meta name=\"viewport\" content=\"width=device-wi原创 2020-09-23 14:39:49 · 109 阅读 · 0 评论 -
Eelement-ui 中文环境
import locale from ‘element-ui/lib/locale/lang/zh-CN’ // 引入中文环境Vue.use(ElementUI, { locale }) //表示使用中文版原创 2020-09-22 17:44:53 · 827 阅读 · 0 评论 -
前端依赖安装缓慢解决方案
切换国内镜像: npm install -g mirror-config-china --registry=http://registry.npm.taobao.org原创 2020-09-18 18:16:32 · 347 阅读 · 0 评论