10 2019 档案

摘要:1.jq3.2.1版本,支持promise写法 2.$ajax()返回的是一个promise对象 3.如果有多个ajax请求 ,可以使用es6中的promise.all方法 例子: 阅读全文

posted @ 2019-10-30 00:36 猫头唔食鱼 阅读(1542) 评论(0) 推荐(0) 编辑

摘要:在vue里,修改数组长度,可以分成两个情况 情况一:把数组长度改为0 情况二:把数组长度改为大于0的其他数字 对于情况一,把数组长度改为0,就是清空数组。vue里清空数组的两个方法,如下: 情况二,举个例子 效果: 阅读全文

posted @ 2019-10-29 00:00 猫头唔食鱼 阅读(8055) 评论(0) 推荐(0) 编辑

摘要:elementUI官方文档里的表格数据都是写死的,不是循环来的,现在精简一下。 1.定义tableData 2.定义tableCol,里面需要包含prop,label,width. 如果没有width属性,那么会占用剩下的宽度 3.控制操作列的显示隐藏。操作列,只能写死在el-column里 完整例 阅读全文

posted @ 2019-10-23 03:28 猫头唔食鱼 阅读(11403) 评论(0) 推荐(0) 编辑

摘要:el-row代表行,里面嵌套el-col, el-row里面有gutter属性,属性为数字,则gutter前面加冒号,gutter属性代表el-col的间隔 el-col里面有span属性,span为x,则分成24/x列 el-col里必须有div,不然span分割无效 例子: 效果: 阅读全文

posted @ 2019-10-23 01:01 猫头唔食鱼 阅读(12089) 评论(0) 推荐(0) 编辑

摘要:组件A里包含组件B,组件B里包含组件C,组件C的值要传值给组件A,那么就要用$listeners传值。 $listeners跟子传父差不多 1.在孙组件里定义事件,通过$emit把值传出去。 2.在子组件中定义v-on="$listerners" 3.父组件通过传过来的自定义事件,获取孙组件的值 阅读全文

posted @ 2019-10-20 23:26 猫头唔食鱼 阅读(1867) 评论(0) 推荐(1) 编辑

摘要:有一个组件A,包含了组件B,组件B包含了组件C,那么组件A就是父组件,组件B就是子组件,组件C就是孙组件。 $attrs可以把父组件的值传给孙组件 1.在引用的子组件里绑定要传的值 2.在引用的孙组件里用v-bind绑定$attrs 3.在孙组件里打印出this.$attrs,可以获取到父组件的数据 阅读全文

posted @ 2019-10-20 19:20 猫头唔食鱼 阅读(2769) 评论(0) 推荐(0) 编辑

摘要:1.新建bus.js import Vue from 'vue' export default new Vue 2.在需要传值和接受值的vue文件中,各自引入bus.js import bus from '../util/bus' 3.定义传值的方法,使用bus.$emit('methodName' 阅读全文

posted @ 2019-10-18 22:06 猫头唔食鱼 阅读(3662) 评论(0) 推荐(0) 编辑

摘要:1.this.$emit ,子传父 2.this.$children属性 this.$children返回的是数组 例子: 3.通过this.$refs获取组件 4.this.$parent获取父组件数据 this.$parent返回的是对象,this.$children返回的数组 例子: 阅读全文

posted @ 2019-10-18 18:58 猫头唔食鱼 阅读(26781) 评论(0) 推荐(1) 编辑

摘要:1.新建vue.config.js文件(和package.json同一目录) 2.复制以下代码: 阅读全文

posted @ 2019-10-18 05:35 猫头唔食鱼 阅读(10562) 评论(0) 推荐(0) 编辑

摘要:1.elementUI的input框,需要用v-model绑定一个变量,这个变量相当于原生input框的value 2.placeholder属性和原生的一样 3.禁用el-input,绑定一个disabled属性即可 4.可清空的input,添加clearable即可 效果: 5.密码框,在el- 阅读全文

posted @ 2019-10-07 23:19 猫头唔食鱼 阅读(11035) 评论(0) 推荐(0) 编辑

摘要:在el-checkbox-group标签里绑定max属性,不能是直接写数字,必须在data里定义max的值 例子: 阅读全文

posted @ 2019-10-06 01:19 猫头唔食鱼 阅读(4298) 评论(1) 推荐(0) 编辑

摘要:1.按钮样式 使用el-checkbox-group标签即可 2.带边框的多选框 在每个el-checkbox添加属性border即可 3.定义多选框的大小 在el-checkbox-group定义属性size,属性值可以选,medium,small,mini 4.text-color 被选中时按钮 阅读全文

posted @ 2019-10-05 23:02 猫头唔食鱼 阅读(4672) 评论(0) 推荐(0) 编辑

摘要:elementUI种的多选框和单选框差不多,(1)el-checkbox-group里绑定一个数组(2)el-checkbox-group绑定一个方法获取值(3)for循环选项,绑定key,label(4)el-checkbox里还可以绑定disabled和checked例子: 阅读全文

posted @ 2019-10-05 21:52 猫头唔食鱼 阅读(13235) 评论(0) 推荐(0) 编辑

摘要:elementUI 单选框按钮样式,用el-radio-group标签嵌套着el-radio-button,就是单选框的按钮样式 可以通过size属性,指定单选框按钮的大小,size属性可选的值有medium,small,mini el-radio-button的其他用法和el-radio一样 例子 阅读全文

posted @ 2019-10-05 08:16 猫头唔食鱼 阅读(13503) 评论(0) 推荐(0) 编辑

摘要:禁用el-radio,用disabled即可, 如果是循环的选项,那么需要绑定disabled属性 例子: <template> <div> <el-radio-group v-model="radio" @change="getValue()"> <!-- 禁用el-radio,用disabled 阅读全文

posted @ 2019-10-05 00:08 猫头唔食鱼 阅读(7639) 评论(0) 推荐(0) 编辑

摘要:elementUI 单选框获取值有三种方法: 方法一: 如果,单选框选项不是循环得来的,并且不使用el-radio标签的 (1)给每个el-radio标签添加v-model属性,v-model的属性值是label绑定的值,label绑定的值,可以是数字,也可以是选项的内容。 (2)给每个e--rad 阅读全文

posted @ 2019-10-04 23:41 猫头唔食鱼 阅读(11159) 评论(0) 推荐(1) 编辑

摘要:elementUI内置过渡动画(折叠),使用<el-collapse-transition>标签包裹要折叠的元素即可 例子: 阅读全文

posted @ 2019-10-01 12:14 猫头唔食鱼 阅读(6178) 评论(1) 推荐(1) 编辑

点击右上角即可分享
微信分享提示