- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 Vue的slot-scope和scope.row
实现效果:根据后端传来的mg_state的bool型数据来渲染开关状态,当为true时,开关打开;为false时关闭解决:状态开关属于单元格,也属于一行,如果我们拿到这一行的数据,就可以.mg_state具体值,则可以按需渲染效果。所以想到用作用域插槽来渲染状态这一列 <el-table :data="userlist" border stripe> <el-table-column type="index"></el-table-column> <
2021-04-28 20:21:54 3328
原创 slot插槽/slot-scope作用域及v-slot使用
匿名插槽子组件:父组件调用这个匿名组件时,传递过来的内容可以替换掉,来展示相应的内容。具名插槽子组件:对比匿名,在slot多了一个name属性作用域插槽:绑定了一个具体的数据源,可以在父组件使用作用域插槽的数据:data="data"...
2021-04-28 16:57:18 722
原创 element Message配置
//导入弹框提示组件import { Button, Form, FormItem, Input, Message } from 'element-ui'Vue.use(Button)Vue.use(Form)Vue.use(FormItem)Vue.use(Input)// 配置方式和前面不同//使用全局挂载,把Message弹框组件挂载在vue的原型对象上,$message是自定义属性,可以自己修改,合法即可//后面的Message是个组件,这样每个组件都可以用this来访问$mess
2021-04-26 21:01:46 783
原创 es6新特性,解构赋值
看视频学到了es6新特性,解构赋值,等号左右,相同结构就行,先记下来,后续看情况补充学习构就行)使用element-ui返回的result是promise,而某个方法的返回值是promise,我们可以用async await去简化promise操作这里面展开的六个属性都是axios帮我们封装好的,其中的data属性才是服务器返回的真实数据,其他我们不需要,此时我们可以从这个对象身上,把这个data属性解构赋值出来, 解构赋值出data属性并且重命名为res用async await可以直接获得返
2021-04-26 20:59:12 117
原创 webpack自动打包失败问题
运行npm run dev,进行打包,npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] dev: webpack-dev-server因为webpack-cli 4.x版本不支持webpack-dev-cli,把webpack-cli降低到3.x即可。npm i [email protected] 即可覆盖原来的版本...
2021-04-20 21:26:27 377
原创 浅拷贝和深拷贝
浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用.深拷贝拷贝多层, 每一级别的数据都会拷贝.浅拷贝 var obj = { id: 1, name: 'andy', msg: { age: 18 } }; var o = {};//通过浅拷贝得到的对象 for (var k in obj) { .
2021-04-20 15:02:37 69
原创 iview Radio绑定点击事件
说明:做一个风险问卷调查,topicsData为一个存放题目的数组, contentData存放的是每个题目对应的选项,存放格式如下:代码:<Card v-for="(item, index) in topicsData" :key="index"> <div > <h5 >{{index+1}}.{{item}}</h5> <!-- 加上:label="index1"才实现了radio的单选功能
2021-04-12 20:01:02 1793
原创 原型继承、借用构造函数继承、组合继承
文章目录前言一、call()二、借用构造函数继承父类型属性三、借用原型对象继承父类方法问题解决四、总结前言ES6之前并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。组合继承是js中最常用的继承方式一、call()某个函数fun.call,由此可以调用这个函数fun,并且修改了这个函数的this指向代码如下(示例): function fn(x, y) { console.log('我想喝手磨咖啡');
2021-04-07 17:42:50 204
原创 构造函数和原型
例子:这函数User()有两个长辈prototype和_proto_,prototype服务于这个函数对象的,_proto_服务于函数实例化的对象hd打印出true,说明User通过prototype和对象hd通过_proto_都指向原型对象User prototype;除此之外,User还有一个原型User_proto_,当把User函数当作对象时,可以使用_proto_。例如:自定义对象的原型设置1.用object的设置原型方式把hdde 父级改成parentlet hd={na
2021-04-06 20:39:39 150
转载 JavaScript中值类型和引用类型的区别
文章目录基本理解js原生引用类型Object类型Array类型Date类型RegExp类型Function类型JS值类型值类型和引用类型的区别JavaScript中的值类型的值是不可变的一、pandas是什么?二、使用步骤1.引入库2.读入数据总结基本理解引用类型是一种用于将数据和功能组织在一起的数据结构(也常被成为类),引用类型的值(对象)是引用类型的一个实例。但是js中没有类的概念,因此引用类型也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法。对象是某个特定引用类型的实例,新
2021-04-02 11:40:00 147
转载 详解js中的继承(一)
详解js中的继承(一)前言准备知识1.构造函数,实例二、使用步骤1.引入库2.读入数据总结前言最近在学vue,到周末终于有空写一些东西了(想想又能骗赞,就有点小激动!)。在javascript基础中,除了闭包之外,继承也是一个难点。因为考虑到篇幅较长,所以打算分成两个部分来写。同样基于《javascript高级程序设计》,做一个详细的讲解,如果有不对的地方欢迎指正。准备知识为了更好的讲解继承,先把一些准备知识放在前面。1.构造函数,实例构造函数,是用来创建对象的函数,本质上也是函数。与其他函
2021-04-01 17:06:43 100
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人