
vue
文章平均质量分 54
vue
勾勾g
人事就是这样子,自己造囚笼,关着自己。自己也做上帝,自己来崇拜。生存真是一种可怜的事情。
展开
-
vue 批量引入组件并使用conponent的is属性渲染出来
引用部分 conponent。原创 2023-05-17 13:38:50 · 317 阅读 · 0 评论 -
Vuex介绍与使用
状态管理打算开发中大型应用,集中式数据管理, 一处修改,多处使用,多个组件依赖于同一状态,来自不同组件的行为需要变更同一状态,生态环境给我们提供了官方插件vuexvuex相关成员import Vuex from 'vuex', Vuex是个对象,相关成员如下成员用途Store类,构造状态管理的实例mapActions函数,通讯工具,组件与Actions的通讯工具mapMutations函数,通讯工具,组件与Mutations的通讯工具mapGetters原创 2021-06-29 09:23:34 · 155 阅读 · 1 评论 -
自定义指令介绍与案例实践
自定义指令自定义指令介绍什么是自定义指令自定义指令的组成自定义指令的参数自定义指令简单案例自定义指令介绍什么是自定义指令Vue.directive( id, [definition] )自定义指令介绍 directives - 对普通 DOM 元素进行底层操作官方说法:除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到原创 2021-06-21 16:27:30 · 485 阅读 · 0 评论 -
轮播图Swiper小白点(分页器)与图片不同步即失效问题Vue
一、现象在使用Swiper轮播图时,图片正常轮播,但是分页器也就是下方显示页码小白点的却跟当前图片的顺序不相对应二、分析主要是因为在建立swiper对象时,未在数据请求结束后初始化swiper对象,若对象数据还在请求过程中,初始化swiper对象,会导致创建多个swiper对象,而小白点分页器的时间轴则是一条,多个时间点上创建的swiper对象会同时操纵这个分页器,导致分页器与轮播图不同步的现象三、解决方法1.需要在updated里面进行swiper对象的建立2.使用Vue.nextTick()原创 2021-06-21 16:02:52 · 2366 阅读 · 1 评论 -
Vue虚拟dom相关
https://blog.youkuaiyun.com/mrliber/article/details/79036828https://blog.youkuaiyun.com/weixin_42695446/article/details/84680213在vue内部的话,其实有虚拟dom虚拟dom其实是里面内存型对象(js内存对象) 属于内存数据 真实dom的一层映射Vue广受欢迎以及相应速度快的关键就是虚拟dom的广泛应用...转载 2021-06-13 21:53:53 · 104 阅读 · 0 评论 -
Vue学习宝典
Vue基础一.模板语法(1) 插值 a.文本 {{ }} 声明一条数据,然后用特殊的模板语法将其渲染出来(声明式渲染) b.纯HTML v-html慎用 ,防止XSS,CSRF( (1) 前端过滤 (前端采用正则将容易注入的字符<等过滤掉) (2) 后台转义( < > 换成 < > ) )<a href=javascript:location.href='http://www.baidu.com?cookie=转载 2021-06-13 21:38:53 · 729 阅读 · 1 评论 -
Vue中把后端传来的数据进行重组过滤如何做
Vue中把后端传来的数据进行重组过滤如何做?可以使用过滤器过滤器: 数据格式化,比如,后端返回我们的数据格式是一个时间戳,在页面中使用的时候需要变成真正的时间格式 2018-12-26 34.6 78.5分为两种:全局过滤器,局部过滤器过滤器只是在数据要显示的时候,将数据变化成某种格式全局过滤器 内部必须要写return// Vue.filter(“times”, function (val) {// let date = new Date(val);// retur原创 2021-06-13 21:34:35 · 1219 阅读 · 2 评论 -
Vue双大括号闪烁问题
Vue双大括号(即“Mustache”语法)闪烁问题1.问题现象解决问题根据文档,先在双大括号的位置加上指令然后再css里面加上问题解决转载 2021-06-13 18:10:58 · 442 阅读 · 0 评论