加载中
旺财记账项目-Money.vue组件实现(下)

实现TypeScript的Vue组件。 以Types组件为例改写 JS写法 <template> <div> <ul class="types"> <li :class="type === '-' && 'selected'" @click="selectType('-')">支出</li> <li :......

02/07 19:28
55
Vue造轮子-tab组件(中)

如果给一个标签一个class,标签本身又有class,vue是默认会合并的。只有两个属性是这样一个是class,一个是style。这样就比较好改样式。 <g-tabs-head class="red"></g-tabs> 组件的结构以及sel...

01/27 23:22
138
Vue造轮子-tab组件(下)

为什么一个 new Vue 可以构造出一个 eventBus // 当我们定义了new Vue之后,可以这样用 var app = new Vue({ created(){ this.$emit() this.$on() } }) // 也可以这样用 app.$emit() ......

造轮子-toast组件的实现(下)

1.解决 toast 中传入 html 的问题,通过假的 slot 来实现 // plugins.js toast.$slots.default = [message] // toast.vue // 使用 created() { this.$toast(' 我是......

旺财记事本(数据保存至LocalStorage)

获取用户最新选择的 Tags // Tags.Vue this.$emit('xxx', this.selectedTags) //Money.Vue <Tags :data-source.sync="tags" @xxx="yyy"/> yyy(zzz:string[]){ console.log(zzz); } 改名: // ...

02/08 16:15
86
popover组件测试用例

解决小三角形引起的抖动问题。 // 以一个为例 &.position-bottom { margin-top: 10px; &::before, &::after{ left: 10px; } &::before { border-top: none; borde......

01/31 16:31
71
(旺财记账项目)Vue 全局数据管理(下)之Vuex

Vuex 就是一个数据读写工具 2. 引用了之后就可以读 3. 大概使用方法 const store = new Vuex.Store({ state: { // data,也就是数据 count: 0 }, mutations: { increment(state, n: number) {...

02/26 13:13
111
svg的两个坑

WebStorm 按两下空格输入 soft wrap 进行换行 2. 第一个坑: svg 中的 fill 属性处理 svg 里面如果有 fill="",就会有颜色,可以手动去除,但是如果有很多个 svg 那么一个个去很麻烦 用 svgo-l...

Vue造轮子-popover组件(下)

上一次的问题总结。 overflow:hidden -> body.appendChild 关闭重复 -> 分开,document只管外面,popover只管里面 忘了取消监听document -> 收拢close 2. 可以把一个函数哟没有五行作为一个优化...

01/30 18:57
27
旺财记账项目-Money.vue组件实现(上)

小技巧:快速包裹每一行 选中,按两下 shift,输入 surround ,选择 surround with emit,输入 li*,意思就是 n 个 li 包住行数 2. input,label 的写法 新手 <label for="xxx"></label> <input i...

02/06 19:24
95
Vue造轮子-手风琴组件

一. 大致的使用方法 <div id="app" style="padding-left: 100px"> <g-collpase> <g-collapse-item title="标题1">内容1</g-collapse-item> <g-collapse-item title="标题2">内容2</g-collap...

02/01 15:14
166

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部