element

Vue.js+vue-element搭建属于自己的后台管理模板:更深入了解Vue.js(三)

只愿长相守 提交于 2020-05-08 19:50:01
前言 上一章我们介绍了关于Vue实例中一些基本用法,但是组件、自定义指令、Render函数这些放到了本章来介绍,原因是它们要比前面讲的要难一些,组件是Vue.js最核心的功能,学习使用组件也是必不可少的知识点。 Vue实例属性和方法 在我们学习组件之前,更深入的了解下Vue实例,它除了data数据对象属性外,Vue实例还暴露了一些有用的实例属性和方法,它们都有前缀$,以便与用户定义的属性区分开来,详细适用方法可以查阅官方API文档。 实例属性: vm.$data:类型Object,Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象属性的访问。 vm.$props:类型Object,当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。 vm.$el:类型:Element,只读,Vue 实例使用的根 DOM 元素。 vm.$options:类型Object,只读,用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处 vm.$parent:类型:Vue instance,只读,父实例,如果当前实例有的话。 vm.$root:类型:Vue instance,只读,当前实例的直接子组件。需要注意 $children 并不保证顺序,也不是响应式的。如果你发现自己正在尝试使用 $children 来进行数据绑定

element-ui 表格打印

大兔子大兔子 提交于 2020-05-08 19:49:23
更多文章 打印需要用到的组件为 print-js 普通表格打印 一般的表格打印直接仿照组件提供的例子就可以了。 printJS({ printable: id, // DOM id type: 'html', scanStyles: false, }) element-ui 表格打印 element-ui 的表格,表面上看起来是一个表格,实际上是由两个表格组成的。 表头为一个表格,表体又是个表格,这就导致了一个问题:打印的时候表体和表头错位。 另外,在表格出现滚动条的时候,也会造成错位。 解决方案 我的思路是将两个表格合成一个表格, print-js 组件打印的时候,实际上是把 id 对应的 DOM 里的内容提取出来打印。 所以,在传入 id 之前,可以先把表头所在的表格内容提取出来,插入到第二个表格里,从而将两个表格合并,这时候打印就不会有错位的问题了。 function printHTML(id) { const html = document.querySelector('#' + id).innerHTML // 新建一个 DOM const div = document.createElement('div') const printDOMID = 'printDOMElement' div.id = printDOMID div.innerHTML = html //

ElementUI的Table表格添加自定义头CheckBox多选框

拟墨画扇 提交于 2020-05-08 19:41:13
  在ElmentUI的Table表格组件中,也许你会使用type为selection值的多选框功能,但是此时设置的label属性不生效,不能设置标题名称;有时候我们的需求就是要添加标题名称,那该如何处理呢?当然你可以对其样式做特殊处理,也可以自定义标题,本文将描述如何利用自定义标题来添加多选框和标题名称,特别是在该过程的踩过的雷和填补过的坑。   (一)需求:在Table表格中新增一列用于批量操作当前页的该列,例如:通过多选框来对批量设置该列的两种属性状态,选中时表示全部隐藏,不选中时表示全部显示,若部分隐藏、部分显示时多选框呈现第三种样式状态,一般是短横线表示。   (二)方案:利用Table表格column的header属性。 利用插槽进行设置,即 slot= "header",这样就可以在表头中自定义样式来; 若不设置该属性,那么是对列内容进行设置。 具体的代码如下: 首先在工程目录下安装element,通过npm i element-ui - S命令安装即可; 然后在工程中引入element,在main.js文件中添加这样两条语句: import ElementUI from 'element-ui' ; Vue.use(ElementUI); 接着,我们在App.vue文件中进行测试,添加如下代码: <template> <div id="app"> <img src=

元组

蓝咒 提交于 2020-05-08 19:09:01
1 -------------------------元组--------------------------- 2 # 不可更改的列表称为元组 3 4 # #定义元组 5 dimensions=(12,23,45,65,11,200) # #包含六个元素的元组 6 print (dimensions) 7 print (dimensions[:4]) # #输出前4个元素 8 # #遍历元组中的值 9 for element in dimensions: 10 print (element) 11 # #dimensions.sort() <----此项操作会报错,因为元组不可更改 12 # #修改元组变量 13 ''' 14 虽然不能修改元组的元素,但可以给存储元组的变量重新赋值 15 ''' 16 dimensions=(1,2,3,4,5,6,7,8,9,10 ) 17 print ( ' 重新赋值之后: ' ) 18 19 # ###for循环创建的变量作用域范围只在本循环,与C语言相似 20 21 for element in dimensions: 22 print (element) 来源: oschina 链接: https://my.oschina.net/u/4386395/blog/4270327

下载歌曲的时候嫌麻烦?打造专属你的音乐下载器

耗尽温柔 提交于 2020-05-08 17:42:26
前言 前面已经做出了一个只属于自己的音乐播放器,那怎么能没有一个音乐下载器呢 之前大家有没有过从电脑上下载歌曲MP3文件放到手机内存卡的经历,随着时代发展,现在的各大音乐软件已经成为播放器,下载音乐是要收费的,现在教大家从零开始可以通过python通过爬虫爬取音乐,教大家打造自己的音乐下载器。 知识点: 1.python基础知识 2.requests库 3.urllib库 4.BeautifulSoup 环境: windows + pycharm + python3 适合零基础的同学 1、导入工具 import os from urllib.request import urlretrieve from tkinter import * import requests from selenium import webdriver 2、界面 # 创建界面 root = Tk() # 标题 root.title( ' 网易云音乐下载器 ' ) # 设置窗口大小 root.geometry( ' 560x450 ' ) # 标签控件 label = Label(root,text= ' 请输入歌曲名称: ' ,font=( ' 华文行楷 ' ,20 )) # 标签定位 label.grid() # 输入框 entry = Entry(root,font=( ' 隶书 ' ,20 ))

element ui表格 表头的的特殊处理(换行/jsx风格表头)以及上传组件的一点小问题

∥☆過路亽.° 提交于 2020-05-08 16:56:44
<!-- * @Description: * @Version: 2.0 * @Autor: lhl * @Date: 2020-01-15 11:15:40 * @LastEditors: lhl * @LastEditTime: xxx --> < template > < div > < el-table :data ="tableData" style ="width: 100%" > < el-table-column align ="center" label ="Date" prop ="date" ></ el-table-column > < el-table-column align ="center" :label ="'姓名\n(注:element ui 表格表头换行)'" prop ="name" ></ el-table-column > < el-table-column align ="center" :render-header ="renderHeader" > < template slot-scope ="scope" > < span > {{scope.row.address}} </ span > </ template > </ el-table-column > </ el-table > </ div > </ template

元组

喜欢而已 提交于 2020-05-08 15:39:55
1 -------------------------元组--------------------------- 2 # 不可更改的列表称为元组 3 4 # #定义元组 5 dimensions=(12,23,45,65,11,200) # #包含六个元素的元组 6 print (dimensions) 7 print (dimensions[:4]) # #输出前4个元素 8 # #遍历元组中的值 9 for element in dimensions: 10 print (element) 11 # #dimensions.sort() <----此项操作会报错,因为元组不可更改 12 # #修改元组变量 13 ''' 14 虽然不能修改元组的元素,但可以给存储元组的变量重新赋值 15 ''' 16 dimensions=(1,2,3,4,5,6,7,8,9,10 ) 17 print ( ' 重新赋值之后: ' ) 18 19 # ###for循环创建的变量作用域范围只在本循环,与C语言相似 20 21 for element in dimensions: 22 print (element) 来源: oschina 链接: https://my.oschina.net/u/4364022/blog/4270360

SpingMVC之<mvc:annotation-driven/>标签

北战南征 提交于 2020-05-08 15:30:20
对于SpringMVC的探索已经接近尾声,本篇笔记主要记录下SpringMVC为我们提供的一个神奇标签 <mvc:annotation-driven/> ,这个标签会帮我们注入很多关键而实用的bean,但是用它也得小心跟自己手动注入的bean重复,会造成不必要的麻烦。所以今天来了解下这个标签。 本篇笔记主要分析SpringMVC 5.1.1 这个版本。 为了弄清楚这些问题,我们先找到它的解析类,所有的自定义命名空间(像mvc,context等)下的标签解析都是由 BeanDefinitionParser 接口的实现类来完成的。我们今天研究的是 <mvc:annotation-driven/> 标签,所以我们找到对应的实现类是 org.springframework.web.servlet.config.AnnotationDrivenBeanDefinitionParser 。 1 简单了解下功能 AnnotationDrivenBeanDefinitionParser ,为 <annotation-driven /> MVC名称空间元素提供配置。 1.1 注册以下HandlerMappings (映射器们): RequestMappingHandlerMapping 的排序为0,用于将请求映射到带@RequestMapping注释的控制器方法。

AutoJs4.1.0实战教程---最后惊喜的一篇

给你一囗甜甜゛ 提交于 2020-05-08 15:22:55
代码和Apk分享给大家,各取所需,挂机的直接Apk,编程的程序员直接源代码: https://pan.baidu.com/s/1rXSVZAf2dVfYKiwoLFhSEg 提取码:nbiw 能写到现在确实不容易,文章被各个平台各种封杀。越是干货越是难以存活,什么运营抖音、头条、企鹅、百家。各位清醒一下吧,你知道那有多难吗?我在抖音上看到一个疯子发个视频说:每天写1000篇软文发布到各个平台上,这样月入十万。你当我们是AI机器人啊。我在知乎上看到个骂人的,不过他骂得对,天天喊着抖音运营、带货500万粉丝,出教程….怎么可能啊如果每天赚几千几万谁还发文章啊。在知乎上发如何搞抖音全过程都不封号我发个薅羊毛给我一顿封杀啊。其实我也不知道这个能不能发出去,权且当最后一篇吧,不再搞了,研究技术可以,文章我就不再发AutoJs的了。有Python爱好者和Ai爱好者也可以关注我,以后的时间会专注Python方向的东西。如: 1、 GUI 2、 Flask 3、 爬虫 4、 AI 跑题了,还是把这个最后一篇搞定吧! 分3个方向介绍吧,一个是软件业务功能,另一个是配置,在一个是核心技术, 第一、业务介绍 近90个日夜的奋斗还有一个成果物,就是薅羊毛个人版。个人版是把我认为合理的都列上了,可以循环反复的执行代码,中间也可以自动签到。也可以手动签到。业务功能不敢写,一写就封杀给大家截图吧! 第二

VUE +element el-table运用sortable 拖拽table排序,实现行排序,列排序

橙三吉。 提交于 2020-05-08 14:04:53
Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大) 项目需求是要求能对element中 的table进行拖拽行排序 这里用到了sorttable Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大) 官方Demo: http://rubaxa.github.io/Sortable/ 安装步骤: npm install sortablejs --save 在.vue中的js部分(需要用到sorttable的vue文件中)引入 也可以 在main.js中引入注册到Vue的根实例中 import Sortable from 'sortablejs' HTML 部分 <el-table :data="tableData" border width ="100%" row -key="id" align ="left" v -show="showDictItem"> <el-table-column width="50px"> <template slot-scope="scope"> <el-button type='text' v-show="scope.row.defaultValue === 1">默认</el-button> </template> </el-table-column> <el-table-