随笔分类 - Vue开发相关
摘要：在vue中可以使用some方法查找需要删除的所以 this.list.some((item, i) => { if (item.id == id) { this.list.splice(i, 1) return true; } }) 也可使用findIndex方法 var index = this.
阅读全文
摘要：1. 添加样式绑定 <div class="container" :style="{height: scrollerHeight}"> </div> 2. 添加属性计算 computed: { // 滚动区高度 scrollerHeight: function() { return (window.
阅读全文
摘要：遍历方式如下： v-for="(value, key) in mapObject" :key="key" 其中key为键，value为对应的值
阅读全文
摘要：添加allowClear属性即可 <a-select allowClear :value= "activeValue" placeholder="请选择" v-model="queryParam.type" @change= "handleChange"> <a-select-option valu
阅读全文
摘要：由于项目需求需要采取前端分页方式，最后找到解决方式 <a-table size="default" bordered :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="false" > ...此处省
阅读全文
摘要：<script src="../node_modules/vue-infinite-scroll/vue-infinite-scroll.js"></script> <div class="myScroll" v-infinite-scroll="loadMore" infinite-scroll-
阅读全文
摘要：先说一下场景-微信公众号网页开发中，一个文章列表点击跳转详情页，代码如下： // 列表页点击跳转 let data = JSON.stringify(result) // result传递的query参数。我们转为string this.$router.push({path: '/wx/detail
阅读全文
摘要：numberfilter (num) { const changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] // changeNum[0] = "零" const unit = ['', '十', '百'] num = pars
阅读全文
摘要：解决方法：加上require()即可 <img :src="power>0 ? require('../../images/order/anchor-bg.png') : require('../../images/order/seller-bg.png')"/> <img class="leftM
阅读全文
摘要：weekCheckingIn(){ this.weekChecking_inloading = true var now = new Date(); var nowTime = now.getTime() ; var day = now.getDay()|| 7;// 不加 || 7.周末会变成下周
阅读全文
摘要：vue中截取前11位字符串 <li> <span>立案时间：</span> <p>{{jsyd.TIME.substring(0,10)}}</p> </li>
阅读全文
摘要：// 监听路由，每次进入页面调用方法，放在method里 mounted（）{ this.getPath() }, methods: { getPath(){ console.log(this.$route.path); if (this.$route.path == '你要进入的路由') { th
阅读全文
摘要：使用 :wrapStyle="{ top: '20px' }" 替代 项目代码如下： <a-modal :title="title" :width="width" :visible="visible" :wrapStyle="{ overflow: 'hidden', top: '-60px' }"
阅读全文
摘要：vue代码： <div :style="{width: divWidth, height: divHeight}"></div> data数据： data() { //这里存放数据 return { divHeight:0, divWidth:0 } }, created方法赋值 created()
阅读全文
摘要：vue页面代码： <h4 class="mt10">年度</h4> <a-date-picker mode="year" v-model="year" format="YYYY" :open='yearShowOne' @openChange="openChangeOne" @panelChange
阅读全文
摘要：当select的value绑定一个state默认值时，如果默认值是''或null时，placeholder不生效解决方案：默认值设为undefined
阅读全文
摘要：a-range-picker: <a-range-picker showTime :placeholder="['开始时间', '结束时间']" format="YYYY-MM-DD HH:mm:ss" :value="createValue" @change="createChange" /> d
阅读全文
摘要：有个需求是在下拉的选项中加个删除按钮点击的时候下拉列表不隐藏并删除这个选项，在做的时候发现点击x按钮的时候同时也会触发change事件。 原因是源码里mousedown的事件影响了，在按钮上禁用就可以了 <button @mousedown.stop.prevent></button>
阅读全文
摘要：这里的空白处，对应的精准表述为遮罩mask mask 是否展示遮罩 Boolean true maskClosable 点击蒙层是否允许关闭 Boolean true maskStyle 遮罩样式 object {} 使用方法如下： mask = true//不需要遮罩，就用false maskCl
阅读全文
摘要：不能直接将api的closable直接赋值为false； 你需要先 :closable = 'closable' 然后再 data(){ return{ closable: false } }
阅读全文
