31、组件之使用内容分发slot： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件之使用内容分发slot</title> <style> </style> <script src="./lib/vue. ...
分类：
其他好文 时间：
2020-01-02 00:01:23
阅读次数：
92
在TabBarItem.vue文件中 <template> <div class="tab-bar-item" @click=itemClick> <div v-if='!isActive'> <slot name="item-icon"></slot> </div> <div v-else> <s ...
分类：
其他好文 时间：
2020-01-01 20:36:16
阅读次数：
126
vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明文档。 实际上，插槽的概念很简单，下面通过分三部 ...
分类：
其他好文 时间：
2019-12-30 17:32:13
阅读次数：
66
嗯，昨天是很彻底的划水划过去了，今天一定好好学习。 上来先是面向对象的东西，总体上也不算是有什么新东西，主要还是一些知识的巩固吧。 装饰器的使用，通过@property和@(attribute).setter实现对属性的访问控制。其实这个也是个大坑等着去填的，因为java框架中还是有很多用到装饰器的... ...
分类：
编程语言 时间：
2019-12-29 01:04:58
阅读次数：
123
1.vue插槽 1.插槽的作用：以局部组件为例 插槽就是Vue实现的一套内容分发的API，将<slot></slot>元素作为承载分发内容的出口。插槽内可以是任意内容。 (1)不带插槽的情况： 结果：组件标签内的元素不会显示 (2)带插槽的情况：标签内部的元素会被置于<slot></slot>的位置 ...
分类：
其他好文 时间：
2019-12-28 09:52:31
阅读次数：
220
理想这样 显示是这样 slot失效了 显示的是prop的值 解决： 需要在其和其之后的一个显示的组件上添加 :key="Math.random()" 完美搞定 原因： 是因为表格是element-ui通过循环产生的 而vue在dom重新渲染时有一个性能优化机制， 就是相同dom会被复用， 通过key ...
分类：
其他好文 时间：
2019-12-27 15:20:15
阅读次数：
191
Column配置 比如：操作列 { key: 'action', scopedSlots: { customRender: 'action', title: '变量名' }, align: 'center' } 代码段 <template slot="变量名">{{动态表头名称}}</templat ...
分类：
其他好文 时间：
2019-12-25 16:01:55
阅读次数：
3869
转自：https://blog.51cto.com/9291927/category19.html Qt高级——QMake用户指南 本文翻译自Qt 4.8官方文档。 一、QMake使用 QMake提供了一个用于管理应用程序、库、其它组件的构建过程的面向工程系统。QMake扩展了每个工程文件的信息，生 ...
分类：
其他好文 时间：
2019-12-25 12:43:52
阅读次数：
98
简介 插槽：简单理解就是组件内部留一个或多个的插槽位置，可供组件传对应的模板代码进去。插槽的出现，让组件变的更加灵活。 一、匿名插槽 // 组件（父） <my-component> <p>hello,world!</p> </my-component> // 组件内部（子） <div class=" ...
分类：
其他好文 时间：
2019-12-25 11:35:08
阅读次数：
113
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script> <title>具名插槽 ...
分类：
其他好文 时间：
2019-12-22 16:07:32
阅读次数：
91
