![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 91
吴滕滕
这个作者很懒,什么都没留下…
展开
-
Vue 自定义指令
自定义指令1:官方文档示例// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})//如果想注册局部指令,组件中也接受一个 directives 的选项:directives:...原创 2019-08-07 09:05:10 · 97 阅读 · 0 评论 -
Vue 楼层监听滚动高亮
楼层监听使用了better-scroll插件<template> <div class="wrap"> <ul class="left"> <div class="center"> <li :class="{'active'...原创 2019-08-14 20:53:54 · 1541 阅读 · 1 评论 -
Vue 简单利用对象实现购物车
简单的实现购物车1:简单实现购物车加入了better-scroll 利用全局的对象来传值使用了better-scroll的scrollToElement方法实现楼层监听商品数据分成了子组件,子组件的数量通过一个全局的Cart对象传递给父组件。类似于(vuex)//父组件<template> <div class="wrap"> <he...原创 2019-08-12 21:11:29 · 328 阅读 · 0 评论 -
Vue 递归组件
Vue递归组件的实现,这里要强调以下,组件的name属性必须要有,否则无法实现递归。直接上代码父组件<template> <ul> <three v-for="(model, index) in list" :model="model" :key="index"></three> </ul></...原创 2019-10-09 11:58:16 · 201 阅读 · 1 评论