vue
ljljlj1993
这个作者很懒,什么都没留下…
展开
-
ant 之当点击modal外灰色阴影不自动关闭
modal点击外灰色阴影的时候会自动关闭,如果当我们不希望在点击modal灰色阴影处自动关闭的时候,设置modal的属性:maskClosable:false即可官网的api如下原创 2019-10-29 16:53:12 · 2640 阅读 · 0 评论 -
Vue之数组赋值
Vue不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如:vm.items.length = newLength当第一种情况需求时,可以使用this.$set(this.arr,index,newVal)Vue不能检测对象属性的添加和删除:可以使用this.$set(this.person...原创 2019-10-23 17:03:38 · 7287 阅读 · 0 评论 -
vue-tree-select 显示多少个tag
a-tree-select中如果选中多个数据,不去设置他的tag,那么会一直显示我们选中的数据,如图,输入框就会一直被拉长那么为了避免这种情况,可以直接给a-tree-select加上他的属性maxTagCount...原创 2019-10-23 15:58:36 · 2361 阅读 · 1 评论 -
如何清空a-date-picker的时间
绑定undefined即可 <a-date-picker v-model="queryParam.ENDTIME" style="width: 100%" placeholder="结束时间"/>清空部分( this.queryParam.ENDTIME = undefined) queryValue() { if (this.queryParam.BE...原创 2019-08-05 11:02:44 · 3062 阅读 · 1 评论 -
ant使用ellipsis实现多文本的的情况下使用...
效果如图1.引入组件2.注册组件3.再需要多行文字溢出的地方cloum加上这个 scopedSlots: {customRender: 'COM_NAME'},4.在table内插入数据<!-- 客户名称文本自动省略号--> <template slot-scope="text" slot="CUSTOMER_NAME"> ...原创 2019-08-05 17:24:40 · 4108 阅读 · 0 评论 -
vue-ant-design如何点中行后并勾选他的复选框
1.首先我们需要明白,复选框的勾选是和selectedRowKeys这个属性有关系的2.获取选中行的数据和table的customRow这个属性有关系,如下如何点击行触发选择行为,官网也有做了说明:https://codesandbox.io/s/000vqw38rl或者可以参考这个博客:https://blog.csdn.net/qq_35331167/article/details...原创 2019-08-01 15:42:00 · 1216 阅读 · 0 评论 -
vue-ant-design如何点中行后并勾选他的复选框
1.首先我们需要明白,复选框的勾选是和selectedRowKeys这个属性有关系的2.获取选中行的数据和table的customRow这个属性有关系,如下如何点击行触发选择行为,官网也有做了说明:https://codesandbox.io/s/000vqw38rl或者可以参考这个博客:https://blog.csdn.net/qq_35331167/article/details...原创 2019-10-06 13:27:44 · 1097 阅读 · 0 评论 -
ant如何给form表达中得输入框加正则
举例子:a-input-bumber <a-input-number v-enter-number style="width: 100%" :min="1" :max="30" v-decorator="['TAXPOINT',{rules:[{required:true...原创 2019-09-05 13:51:26 · 1537 阅读 · 0 评论 -
vue实现对数字数组的排序
this.arr=[1,2,5,8,4]//arr是传入的带数字的数组 sortArr(arr) { arr.sort(function compareFunction(param1, param2) { return param1.localeCompare(param2) }) return arr },...原创 2019-10-08 18:10:40 · 2832 阅读 · 0 评论 -
vue之a-table中如何清空选中的数据
<template> <a-table ref="table" size="default" :columns="columns" :dataSource="loadData" :showAlertInfo="true" :pagination=fa...原创 2019-07-17 16:41:32 · 12934 阅读 · 0 评论 -
vue之props
vue之props参考官网api :https://cn.vuejs.org/v2/api/#props作用:父组件通过props传递数据给子组件,子组件用过event给父组件传递消息,props允许是对象或数组,其中对象允许配置高级选项,如类型检测、自定义验证和设置默认值,具体如下:type可以是下列原生构造函数中的一种:String、Number、Boolean、Array、Obje...原创 2019-05-22 17:29:13 · 382 阅读 · 0 评论 -
Vue之v-bind 与class、 style 、 computed 、 filters 的配合使用
v-bind是什么?v-bind是给页面标签设置属性缩写是 :基本用法<html> <head> <meta charset="utf-8"> <title>Vue 示例v-bing绑定class2</title> </head> <body> <div id="app">...转载 2019-05-30 11:06:00 · 1493 阅读 · 0 评论 -
Vue之生命周期
vue的生命周期图示网址:https://cn.vuejs.org/v2/guide/instance.html#生命周期图示生命周期探究对于执行顺序和什么时候执行,看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。(ps:下面代码可以直接复制出去执行)<!DOCTYPE html><html><head> <ti...转载 2019-05-28 13:41:02 · 119 阅读 · 0 评论 -
Vue之表达式 v-html、{{}} 、v-pre 、v-if 、
v-html如果想输出的是html不是纯文本,那么可以使用v-html<html> <head> <meta charset="utf-8" /> <title>示例5 指令</title> </head> <body> <div id="app"> <p v-if="...原创 2019-05-28 23:57:40 · 6049 阅读 · 0 评论 -
vue的自定义指令
自定义指令自定义指令分为全局注册,和局部注册参考官网api:https://cn.vuejs.org/v2/guide/custom-directive.html //全局注册Vue.directive('focus',{ //指令选项})//局部注册 var app= new Vue({ el:'#app', directives:{ focus...原创 2019-05-28 23:57:55 · 81 阅读 · 0 评论 -
vue的使用$emit
vue的使用1.0 vue组件之emit父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件!官网的解释:https://cn.vuejs.org/v2/api/#vm-emit<html> <head> <meta charset="utf-8"> <title>Vue 自定义事...原创 2019-05-28 23:58:31 · 276 阅读 · 0 评论 -
Vue之计算属性computed
1、什么是计算属性计算属性是vue特带的computed,可以进行运算和函数的调用2、如何使用1、可以依赖多个vue实例2、可以依赖其他vue实例ps:可以直接复制代码运行<html> <head> <meta charset="utf-8"> <title>Vue 示例9计算属性的用法</title> </...原创 2019-05-29 11:17:42 · 163 阅读 · 0 评论 -
Vue的内置指令
指令名称作用v-bind响应并更新DOM特性;例如:v-bind:href v-bind:class v-bind:title v-bind:bbv-on用于监听DOM事件; 例如:v-on:click v-on:keyupv-model数据双向绑定;用于表单输入等;例如:v-show条件渲染指令,为DOM设置css的style属性v-i...转载 2019-06-06 15:12:20 · 1899 阅读 · 0 评论 -
vue实现两个数组的合并
treeData=[{ 'children': [], 'key': '', 'title': '全部', 'value': '4' }] data.page=[ { 'children': [], 'key...转载 2019-06-14 16:05:24 · 60616 阅读 · 6 评论 -
VUE之如何获取select的节点文本
<template> <a-select labelInValue :defaultValue="{ key: 'lucy' }" style="width: 120px" @change="handleChange"> <a-select-option value="jack">Jack (100)</a-select-option>...转载 2019-06-17 16:05:50 · 5372 阅读 · 0 评论 -
vue-ant之让表格内的按钮提示信息[文字提示]
如何让表格内的按钮提示信息 <a-tooltip> <template slot='title'> 邀请 </template> <a @click="addDriverRelationInvitation(record)"> <a...原创 2019-07-09 11:11:04 · 1928 阅读 · 0 评论 -
VUE之数字输入最大值何最小值的控制
<a-input-number :min="0" :max="99" v-decorator="['TAXPOINT',{rules:[{required:true,message:'请输入税点'}]}]"/>原创 2019-07-09 13:24:13 · 10929 阅读 · 0 评论 -
vue的slot(slot具名插槽。slot非具名插槽,slot的作用域,)
vue的slot1、什么是slotslot是插槽,插即是可以插入,槽就是坑,即是可以再代码中插入如果子组件模板中不包含插口,那么父组件的内容将会被丢弃。当子组件模板中有一个么有属性的插槽时,父组件传入的整个内容片段,将插入到插槽所在的dom的位置,并替换掉插槽标签本身。举例:<html> <head> <meta charset="utf-8">...原创 2019-05-21 15:58:39 · 2017 阅读 · 0 评论