![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue相关
Vue相关知识点记录
AsBefore麦小兜
热爱可抵岁月漫长....
展开
-
Vue 项目更新,浏览器不需强制刷新就可更新版本! 防止缓存
禁止index 页面的缓存原创 2022-07-01 15:37:13 · 3352 阅读 · 1 评论 -
动态更新table的列或表头,table显示问题
问题记录:原本在table上,会根据不通的参数 使用一个表格,将一列数据进行显示和隐藏使用if 的时候 table 渲染的闪动体验太差于是使用自定义表头和内容但表头数据不会根据外部参数值变动最后的解决方案:给当前tabke 加一个key 属性使每一次渲染该表格都保证key 不同这样 就可以动态的变更当table 的列数在类型变化时,使key 自加...原创 2021-08-22 14:10:07 · 651 阅读 · 0 评论 -
Table 动态添加列,from 表单列表效验无效
使用场景:变更上面的类型 要再table 表格上加一列最差使用如果只是对当前行 进行v-if 视图渲染的时候又闪动,体验很差,列表的的效验规则,对变动的那一列并不生效,解决方案:给table 加一个动态的key 属性保证每次变更视图 ,都渲染新的table完美解决!!!!...原创 2021-08-20 21:14:41 · 245 阅读 · 0 评论 -
vue 数据变动,但界面视图未发生变化
当前数据没有实现响应式使用$set ,在vue 上为当前属性绑定响应式使用this.$forceUpdate(); 强制刷新界面原创 2021-08-07 15:06:13 · 121 阅读 · 0 评论 -
vue 界面 滚动监听
<template> <div> <Carousel :carousel-data='carouselData' /> <sticky :z-index="10" class-name="sub-navbar"> <!-- 导航区域 --> <div class="navs"> .原创 2021-03-29 17:08:09 · 469 阅读 · 1 评论 -
vue 3D轮播展示 --vue-carousel-3d
根据vue-carousel-3d 官方网站上面的实例 进行使用并修改官网地址:https://wlada.github.io/vue-carousel-3d/guide/使用流程:Installationnpm install -S vue-carousel-3dUsage (Global)import Vue from 'vue';import Carousel3d from 'vue-carousel-3d';Vue.use(Carousel3d);...原创 2021-07-25 15:18:11 · 2074 阅读 · 2 评论 -
vue 组件之间的传值
1,props、事件$emit 父组件向子组件传值(props)2、$emit、$on (Bus)通过新建Vue实例(Bus)作为中央事件总线(事件中心),用它来触发事件($emit)和监听事件($on),巧妙而轻量地实现了任何组件间的通信,包括父子、兄弟、跨级。当我们的项目比较大时,可以选择更好的状态管理解决方案vuex。3,$attrs、$listeners(属性,事件)多级组件嵌套需要传递数据时,通常使用的方法是通过vuex。但如果仅仅是传递数据,而不做中...原创 2021-04-01 12:37:47 · 747 阅读 · 0 评论 -
vue 吸顶组件封装
主页面: <sticky :z-index="10" class-name="sub-navbar"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="功能介绍" name="first"></el-tab-pane> <el-tab-pane label="功能演示" name="second"&g原创 2021-03-29 17:02:57 · 307 阅读 · 0 评论 -
vue-cli3 创建项目 从0到1
因为已经大号了前端的环境所以:node -v 检查node版本vue -V 检查vue版本创建名称为zero_to_one的项目执行: vue create zero_to_one选择配置,看个人项目需求注意,空格键是选中与取消,A键是全选TypeScript 支持使用 TypeScript 书写源码Progressive Web App (PWA) Support PWA 支持。Router 支持 vue-router 。Vuex 支持 vuex 。CS...原创 2020-08-12 19:24:12 · 175 阅读 · 0 评论 -
Vue报错,[WDS] Disconnected!
错误内容:刷新页面控制台报 [WDS] Disconnected!不影响代码运行。解决:将vue.config.js中 devServer: { host: '127.0.0.1', },不需要重新启动,刷新页面问题解决。解释:因为用了全局代理软件,所以一直要把host:改成127.0.0.1...原创 2020-05-25 15:59:30 · 1189 阅读 · 1 评论 -
vue渲染列表时报错问题解决,Avoid using non-primitive value as key, use string/number value instead.
Avoid using non-primitive value as key, use string/number value instead.一进入某页面,就会报该错,原因:由于v-for循环里,key值重复了解决方法:修改key值原创 2020-05-15 12:17:03 · 656 阅读 · 0 评论 -
Vue + videojs播放 rtmp/flv 类型视频
HTML <h1>my-player</h1> <video id="my-player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" autoplay="autoplay" poster="//vjs.zencdn.net...原创 2019-07-15 16:16:59 · 7656 阅读 · 1 评论 -
vue中watch的详细用法,带deep,immediate
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(ne...原创 2019-06-27 16:16:20 · 43404 阅读 · 12 评论