
vue组件
Ich Lieb' Dich immer
这个作者很懒,什么都没留下…
展开
-
非vuecli3 项目配置测试与正式环境
参考链接:https://blog.youkuaiyun.com/qq_39696861/article/details/81502464自我实现1.修改package.json"build:test": "cross-env env_config=test node build/build.js"2. 安装cross-envnpm i --save-dev cross-env3.在project\config\prod.env.js中配置不同的设置module.exports = { NOD原创 2020-10-19 14:29:56 · 168 阅读 · 0 评论 -
利用vuex缓存常用数据,通过getter获取state中的数据和发送请求
代码使用import { mapGetters } from 'vuex' computed: { ...mapGetters([ 'professionList', // 从getter.js中获取下拉选择框的缓存, 可以减少请求 ]), },getter.jsimport store from './index.js'const getters = { professionList: (state) => { if (!s原创 2020-09-11 14:37:24 · 1925 阅读 · 0 评论 -
递归组件
思路组件在它的模板内可以递归地调用自己,只有当它有 name 选项时才可以。 在官网这句话就是关键定义组件是一定要有name属性。效果代码父组件<template> <div> <el-menu style="width: 200px"> <diguiComponet v-for="(model, index) in diguidata" :model="model" :key="index"/> &原创 2020-08-05 15:08:53 · 200 阅读 · 0 评论 -
vue slot-scope 的使用
1、简单版//组件 <template> <div class="title-card"> <div class="header"> {{title}} </div> <div class="content"> <slot></slot> </div> </div> </template><script>原创 2020-07-23 10:12:34 · 215 阅读 · 0 评论 -
vue项目动态router的实现
将router分为两类创建不受远程控制的路由export const constantRoutes = [ { path: '/404', name: '404', component: () => import ('@/views/404'), ...原创 2020-04-29 11:57:58 · 733 阅读 · 0 评论 -
video 切片上传探索
参考文章:1.https://blog.youkuaiyun.com/zrcj0706/article/details/103137617(写的挺好的、就是有几个外部引入的方法没有写全)2、这个有点吊,就是代码不够好看,切片上传和断点续传都写好了3.这个有戏,听他自己说挺成熟的,感觉有点giao...原创 2020-06-16 09:39:58 · 302 阅读 · 0 评论 -
获取视频的首帧图片、本地预览视频(首帧图片有时候为透明)
本地视频预览组件<template> <div class="upload-area"> <div class="upload-card"> <div class="image" @click="previewVideo"> <input @change="upload" @click.stop type="file" accept="video/*" class="upload-file" ref="uploa原创 2020-09-11 09:38:47 · 1269 阅读 · 0 评论 -
一个默认focus的input组件vue
<template> <!-- v-html="innerText" --> <input class="edit-div hover_focus" ref="input" v-model="innerText" contenteditable="true" @blur="shuchu" @change="changeText"/></template原创 2020-05-26 11:13:11 · 470 阅读 · 0 评论