vue2
zhumengzj
这个作者很懒,什么都没留下…
展开
-
sortablejs配合elementui table使用
1.先呈现代码//行拖拽handleRowDrop(){consttbody=document.getElementById('configModelTable').querySelector('.el-table__body-wrappertbody')Sortable.create(tbody,{handle:'.my-handle',onEnd:({newIndex,oldInd...原创 2020-07-02 10:30:42 · 1545 阅读 · 1 评论 -
element-ui的分页el-pagination的坑,
1.所有的信息都必须的动态的<el-pagination class="pull-right clearfix" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" :page-sizes="pageSizesList" :p..原创 2017-10-10 16:21:35 · 45284 阅读 · 7 评论 -
国内用cnpm安装更新element-ui有很多不明错误,该怎样解决
搞定了,可能是npm本身的问题,可能漏包或者怎样了。我重新建一个项目重新安装了element 然后把依赖复制过去就正常了原创 2017-11-08 11:13:40 · 3390 阅读 · 0 评论 -
vue slot插槽的小技巧
如果想使用插槽,又不想添加都一个节点,那就把父组件的插槽的标签也改为slot这样就可以了:如下子组件:name="header">父组件:slot slot="header"> label="网点名称:" prop="rentingHouseName"> <el-autocomplete class="inline-input"原创 2017-12-07 11:31:04 · 3989 阅读 · 0 评论 -
vuejs - 如何对某个对象的属性进行watch监听?
1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}2.对象属性的watchdata() { return { bet: {转载 2017-12-07 15:38:11 · 11139 阅读 · 0 评论 -
webstorm配置eslint.tslint等
如果配置打开新的项目失效,那就重新apply一次或者选择重新导入原创 2018-01-12 11:06:14 · 5564 阅读 · 0 评论 -
如何利用前端插件--Moesif,修改origin信息,本地测试跨域神器
Moesif修改origin信息,方便本地跨域取数据原创 2018-02-09 17:34:05 · 1766 阅读 · 0 评论 -
Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究
Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究在github上阅览README.md以获得最佳阅读体验,点这里v-for响应式key, index及item.id参数对v-bind:key值造成差异研究实验背景通常情况下,我们...原创 2018-02-12 15:40:17 · 825 阅读 · 0 评论 -
vue.js之获取当前点击对象
熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴,直接$(dom)获取当前点击的dom元素,根据这个,几乎可以获取这个dom元素的所有属性。不过,当我们使用vue的时候呢?也许刚开始会有一点迷茫。唉?对啊,我用vue该怎么做到(屠龙宝刀)点击就送...哦不,点击就能获取到我点击的是哪一个元素对象呢?其实很简单,vue.js,它不照样是javascript么,我们也是可以...转载 2018-03-15 13:38:24 · 10661 阅读 · 0 评论 -
vue实现消息的无缝滚动效果
vue实现消息的无缝滚动效果(完善版) javascript vue.js candy 2017年12月04日发布赞 | 2收藏 | 31.3k 次浏览在昨天发布完文章之后又整理一下,发现有几处需要改进的地方,今天就及时更新一下,也算是激励自己要保持这种积极的好习惯项目环境vue-cli ,请自行配置好相应的,环境及路由,这里主要介绍实现的方法第一步在模板中 使用v-for方法循环出消息...转载 2018-03-14 09:10:10 · 5163 阅读 · 0 评论 -
转载:浅谈vuex 闲置状态重置方案
转载:http://www.jb51.net/article/132100.htm转载 2018-05-03 13:27:39 · 701 阅读 · 0 评论 -
js回调及应用在elementui。例如多个弹窗三级联动
//获取市县数据getCityVal(formName, fun){ let likeThis = this; formName.CityOptions = []; this.$http({ method: 'GET', url: '/api/Acs/GetAdministrativeDivision?parentId=' + formName.Province +原创 2017-09-12 11:14:25 · 2121 阅读 · 0 评论 -
使用 vue-cli 搭建项目
转载:http://www.cnblogs.com/wisewrong/p/6255817.html转载 2017-09-01 15:08:03 · 207 阅读 · 0 评论 -
使用vue.js的Input和下拉选select应该注意的问题
el-select v-model="form.containChildren" placeholder="是否包含子区域" @change="checkChange"> label="是" :value="true"> label="否" :value="false">el-select>注意这里:option中的value必须要添加冒号 :如果不添加则不会显示原创 2017-07-21 15:58:51 · 1079 阅读 · 0 评论 -
:loading的注意选项
el-table v-loading="listLoading" :data="tableData" border style="width: 100%">v:loading属性最好放在第一个属性,测试了有点bug原创 2017-07-21 16:29:52 · 6052 阅读 · 0 评论 -
如何将不同数组对象合并,根据相同的key
let provinceObjects = [ {'name': '北京', 'code': 110000}, {'name': '天津', 'code': 120000}, {'name': '河北', 'code': 130000}, {'name': '山西', 'code': 140000}, {'name': '内蒙古', 'code': 150000}, {'n原创 2017-07-18 17:49:44 · 3537 阅读 · 0 评论 -
vue2.0的Element UI的表格table列时间戳格式化
myDateFormat: function (row,column) { console.log("进来") let value = row[column.property]; let rg2 = new RegExp('T', "g"); let newDate = value.replace(rg2, ' '); return newDate}转载 2017-07-19 10:19:59 · 1309 阅读 · 0 评论 -
vue.js 关于router-link的相关样式问题
:to="{path: 'buildCharAuth'}" tag="li" active-class="active"> class="fa fa-male"> 创建角色权限:to="{path: 'managePersonList'}" tag="li" active-class="active"> class="fa fa-male"> 管理人员列表这里的rout原创 2017-07-24 12:07:21 · 8087 阅读 · 0 评论 -
element-ui表单重置条件的几个因素
1.表单要写上ref="form"来自哪个 表单的数据2.需要重置的选项必须加上prop="name"的指向3.重置条件按钮的方法的参数必须加上表单名如下图:原创 2017-08-02 18:38:13 · 6121 阅读 · 1 评论 -
element-ui的输入框总结
1.使用搜索框的坑querySearch(queryString, cb) { let likeThis=this; let areaKey= { "Condition": { "LBLongitude": "", "LBLatitude": "", "RTLongitude": "", "RTLatitude": "",原创 2017-07-25 19:37:50 · 11144 阅读 · 1 评论 -
vue.js树的递归
//区域树递归loop(item){ if (item.Children.length>0) { for (let i in item.Children) { this.loop(item.Children[i]); } item.children = item.Children; } else if(item.Children.length==0)原创 2017-08-10 10:12:41 · 2343 阅读 · 0 评论 -
elment-ui日期选择器获取北京时间
{{value1}} {{typeof(value1)}} methods: { testt(value1){ var src = new Date(value1); var dest = new Date(src.getTime() + 8*3600*1000); this.value1=dest原创 2017-07-26 11:30:37 · 3817 阅读 · 0 评论 -
Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
参考 : IE运行出现的问题背景项目使用的是 vue2 , 打包后上传服务器,访问;IE 不显示,360 不显示,老版谷歌浏览器不显示内容。1. 解决不显示内容在 index.html 添加下面内容meta http-equiv="X-UA-Compatible" content="IE=edge">11比如:html>head> meta转载 2017-08-10 21:53:11 · 5710 阅读 · 0 评论 -
vue.js使用vue-cli打包遇到的坑,问题
1.打包的路径config文件夹-index.js中的assetsPublicPath: './'要改为当前目录而不是'/'根目录build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirna原创 2017-07-27 20:13:12 · 11973 阅读 · 0 评论 -
vue.js遍历可以将值共享在循环区域内,共享给下级,
v-if="cardsList.length>0" v-for="item in cardsList">门禁卡: {{item.AccessCard.CardSn}} :type="item.AccessCard.TagType"> {{item.AccessCard.Text}} 这里的item是可以共享给下面的标签原创 2017-08-29 11:20:39 · 378 阅读 · 0 评论 -
解决 element ui 弹出组件的遮罩层在弹出层的上面的问题
添加 :modal-append-to-body="false"原创 2017-07-20 16:11:54 · 3112 阅读 · 0 评论