>》>》>》>》

12 2019 档案

摘要:public onValueTypeChange(valueType: any, e: any) { // e: row 当前行数据 // valueType: select下拉框里面的类型 if (temp != null && currentId != e.id) { temp = e.valu 阅读全文
posted @ 2019-12-31 18:39 大、锤 阅读(497) 评论(0) 推荐(0) 编辑
摘要:返回的 obj 有五个方法: 1. obj.in(component):没用过这个方法,多用于组件的选择器。 2. obj.select(selector):获取指定的节点,selector是css选择器。返回一个 NodesRef 对象实例,可以用于获取节点信息。 3. obj.selectAll 阅读全文
posted @ 2019-12-31 16:46 大、锤 阅读(6266) 评论(1) 推荐(0) 编辑
摘要:关键点: 1.v-model绑定得是数组 2.options绑定也得是数组 3.设置默认值的时候设置得是label对应的value 4.如果没有label,value可以通过props配置 阅读全文
posted @ 2019-12-27 18:23 大、锤 阅读(9224) 评论(0) 推荐(0) 编辑
摘要:理想这样 显示是这样 slot失效了 显示的是prop的值 解决: 需要在其和其之后的一个显示的组件上添加 :key="Math.random()" 完美搞定 原因: 是因为表格是element-ui通过循环产生的 而vue在dom重新渲染时有一个性能优化机制, 就是相同dom会被复用, 通过key 阅读全文
posted @ 2019-12-27 14:46 大、锤 阅读(1609) 评论(0) 推荐(0) 编辑
摘要:<el-tree :data="data" show-checkbox default-expand-all ref="tree" node-key="id" :props="defaultProps" :default-checked-keys="defaultSelect" @node-clic 阅读全文
posted @ 2019-12-25 18:54 大、锤 阅读(17239) 评论(1) 推荐(0) 编辑
摘要:输入vue.json { "Print to console": { "prefix": "vv", "body": [ "<template>", " <div>$0</div>", "</template>", "", "<script>", "export default {", "", " 阅读全文
posted @ 2019-12-23 17:12 大、锤 阅读(2701) 评论(0) 推荐(0) 编辑
摘要:1.显示工具栏 点击文件,选择首选项,点击设置按钮 搜索workbench,勾选上Workbench> Activity Bar:Visble 勾选上后,工具栏就显示出来了 2.移动工具栏选中工具栏部分,右键选择Move Side Bar Right,如果工具栏在右边,同样操作选择Move Side 阅读全文
posted @ 2019-12-14 21:58 大、锤 阅读(7020) 评论(1) 推荐(1) 编辑
摘要:第一种: router.js中添加 mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } } } 组件: <template> <div> <ul class= 阅读全文
posted @ 2019-12-13 19:36 大、锤 阅读(1661) 评论(0) 推荐(0) 编辑
摘要:up(index) { if(index 0) { return } //在上一项插入该项 this.list.splice(index - 1, 0, (this.list[index])) //删除后一项 this.list.splice(index + 1, 1) this.save(); } 阅读全文
posted @ 2019-12-13 16:33 大、锤 阅读(4653) 评论(0) 推荐(1) 编辑
摘要:用 @load="loading" 在Vue里面写了一个界面,有一个iframe标签, iframe加载其他网站, <iframe @load="loading" id="iframe" ref="ifrane"> </iframe> public loading() { this.iframe = 阅读全文
posted @ 2019-12-12 22:07 大、锤 阅读(4506) 评论(0) 推荐(0) 编辑
摘要:1. Thu Mar 07 2019 12:00:00 GMT+0800 (中国标准时间) 转换为 2019-03-07 12:00:00 const d = new Date(Thu Mar 07 2019 12:00:00 GMT+0800 (中国标准时间)) const resDate = d 阅读全文
posted @ 2019-12-12 16:14 大、锤 阅读(7018) 评论(0) 推荐(0) 编辑
摘要:矢量图(即放大不失真) 1.font awesome; 优点:相对比较简单,查看官网看例子基本上都会用 (http://www.bootcss.com/p/font-awesome/) 缺点:文件较大,影响加载速度 注意引用的路径和版本; 2.inconfont(阿里巴巴矢量图标库); (个人用的最 阅读全文
posted @ 2019-12-11 16:35 大、锤 阅读(764) 评论(0) 推荐(0) 编辑
摘要:var obj = {}; var arr = [1,2,3,4,5]; for (var x in arr){ obj[x] = x; } 2.ES6的Object.assign: Object.assign({}, ['a','b','c']); // {0:"a", 1:"b", 2:"c"} 阅读全文
posted @ 2019-12-10 21:17 大、锤 阅读(3541) 评论(0) 推荐(0) 编辑
摘要:由于返回格式限制,对象不能调用数组方法 方法: 1、Array.from(object) object中必须有length属性,返回的数组长度取决于length长度 key 值必须是数值 2、Object.values(object) 与第一种不同的是不需要length属性,返回一个对象所有可枚举属 阅读全文
posted @ 2019-12-10 17:24 大、锤 阅读(1383) 评论(0) 推荐(1) 编辑
摘要:返回的数据 const blob = new Blob([response.data]); if ('download' in document.createElement('a')) { const elink = document.createElement('a'); elink.downlo 阅读全文
posted @ 2019-12-10 16:55 大、锤 阅读(965) 评论(0) 推荐(0) 编辑
摘要:官方注册注册 1、加入购物车 在阿里矢量图标库将想要的图标加入购物车,然后在购物车中将图标添加到项目; 2、下载 到我的项目中,将图标下载到本地 3.解压引入 在vue项目的assets文件夹下新建一个icon文件夹,将刚刚下载下来的代码包中的 iconfont.css、 iconfont.eto、 阅读全文
posted @ 2019-12-10 15:41 大、锤 阅读(1316) 评论(0) 推荐(0) 编辑
摘要:1 // 字符串转数字 2 var s = "234"; 3 //1、纯数字转换 4 5 //1 字符串在运算操作中会被当做数字类型来处理 6 s *= 1; 7 8 //2 字符前加“+” 9 console.log(+s); 10 11 //3 string的两个转换函数,只对string有效 阅读全文
posted @ 2019-12-10 10:42 大、锤 阅读(495) 评论(0) 推荐(0) 编辑
摘要:upAll () { // 全部展开 遍历变成true let self = this; // 将没有转换成树的原数据 let treeList = this.sourceData; for (let i = 0; i < treeList.length; i++) { // 将没有转换成树的原数据 阅读全文
posted @ 2019-12-07 17:47 大、锤 阅读(2451) 评论(0) 推荐(0) 编辑
摘要:~~它代表双非按位取反运算符, 如果你想使用比Math.floor()更快的方法,那就是它了。 需要注意,对于正数,它向下取整;对于负数,向上取整;非数字取值为0,它具体的表现形式为: ~~null; // => 0 ~~undefined; // => 0 ~~Infinity; // => 0 阅读全文
posted @ 2019-12-06 18:33 大、锤 阅读(1885) 评论(0) 推荐(1) 编辑
摘要:使用&&将返回第一个条件为假的值。 如果每个操作数的计算值都为true, 则返回最后一个计算过的表达式。 let one = 1, two = 2, three = 3;console.log(one && two && three); // Result: 3console.log(0 && nu 阅读全文
posted @ 2019-12-06 17:39 大、锤 阅读(398) 评论(0) 推荐(0) 编辑
摘要:关闭当前框的弹出层 layer.close(layer.index); 刷新父层 parent.location.reload(); // 父页面刷新 关闭iframe 弹出的全屏层 var index1 = parent.layer.getFrameIndex(window.name); //先得 阅读全文
posted @ 2019-12-06 14:46 大、锤 阅读(2838) 评论(0) 推荐(0) 编辑
摘要:将两个数组相同index的value合并成一个新的value组成一个新的数组 前提: 这两个数组的长度相同 生成后的新数组长度也相同 返回值都是对象 把rows对象的key和value弄成两个数组, value是一个对象数组 遍历他 给他每一项添加一个新key为name 并把key相对应索引的值附给 阅读全文
posted @ 2019-12-06 11:55 大、锤 阅读(1370) 评论(0) 推荐(0) 编辑
摘要:1.解决办法 在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined,可以使用箭头函数"=>"来解决。如下: methods: { loginAction(formName) { this.$axios.post('http://127.0.0.1/u/subL 阅读全文
posted @ 2019-12-06 10:07 大、锤 阅读(1218) 评论(0) 推荐(0) 编辑
摘要:1.Array.from() 方法,用于数组的浅拷贝。就是将一个类数组对象或者可遍历对象转换成一个真正的数组。eg: let obj = { 0: ‘nihao‘, 1: ‘haha‘, 2: ‘gansha‘, ‘length‘: 3 } let arr = Array.from(obj) con 阅读全文
posted @ 2019-12-06 09:27 大、锤 阅读(61690) 评论(1) 推荐(1) 编辑
摘要:Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组: 1 2 3 4 5 6 7 8 9 let arrayLike = { 0: 'tom', 1 阅读全文
posted @ 2019-12-05 21:54 大、锤 阅读(421) 评论(0) 推荐(0) 编辑
摘要:有时候,出于某种目的,需要将数组转化成对象,一个简单快速的方法是就使用展开运算符号(...): var fruits = [“banana”, “apple”, “orange”, “watermelon”]; var fruitsObj = { …fruits }; console.log(fru 阅读全文
posted @ 2019-12-05 11:56 大、锤 阅读(44733) 评论(0) 推荐(2) 编辑
摘要:一.使用Props传递数据 在父组件中使用儿子组件 <template> <div> 父组件:{{mny}} <Son1 :mny="mny"></Son1> </div> </template> <script> import Son1 from "./Son1"; export default 阅读全文
posted @ 2019-12-03 20:50 大、锤 阅读(497) 评论(0) 推荐(0) 编辑
摘要:页面挂载的时候定时器搞起 <el-row> <div class="ui-toolbar" style="height: 32px; line-height: 32px;"> <div style="margin-left:10px;" :class="isExecuteTiming ? 'gree 阅读全文
posted @ 2019-12-03 18:33 大、锤 阅读(1660) 评论(0) 推荐(0) 编辑
摘要:一、实现多选:步骤1:在表格中添加一列 步骤2:在data中定义以及数组用来存储选中的元素。例如:multipleSelection:[] selection-change方法用户实时监听选中元素 实现效果如下: 二、实现默认选中 在获取表格数据时,添加如下方法,其中me.zclbList为获取到的 阅读全文
posted @ 2019-12-02 14:31 大、锤 阅读(13765) 评论(0) 推荐(0) 编辑