vue.js
20180518
这个作者很懒,什么都没留下…
展开
-
v-for循环加载el-card并控制自动展开收起
最近一直在做vue的项目,遇到一个需要循环加载el-card并且每个可以自由展开,收起,刚接触vue,觉得页面不能用jquery真是硬伤,问了同事, 查了资料最后终于解决了,写出了的代码很简单但是过程挺艰难,所以总结一下:原创 2017-06-21 10:28:40 · 15441 阅读 · 0 评论 -
vue 循环加载数据并获取第一条记录
最近使用elment ui和vue.js,遇到需要像c:foreach类似的效果,就找了 vue的API:https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-if element ui:http://element.eleme.io/#/zh-CN/component/input用法: {{原创 2017-06-14 18:14:17 · 17018 阅读 · 1 评论 -
vue.js select下拉框绑定和取值
最近在做mui+vue.js的移动项目,遇到了这个解决了,所以记录一下:1.绑定select下拉框的代码很简单sendlist就是下拉框的集合,这个可以去看vue.js的文档:地址:https://cn.vuejs.org/v2/api/:value绑定的值就是这个下拉框对应的value值 {{send.CODE}}2.取值就直接获取下拉框,v-model绑定的属原创 2017-09-27 17:26:16 · 60678 阅读 · 4 评论 -
v-for获取最后一条记录
最近一直在用mui+vue.js做手机移动端项目,v-for用了许多,由于某个列表需要在列表最后一条加上条件判断,整理一下代码: {{grant.curUser.name }} 授权给→ {{agent.name}} 授权给→原创 2017-10-18 16:11:40 · 12303 阅读 · 1 评论 -
mui 回到顶部
最近开始做mui移动端的项目用到了列表,数据多的时候,回到顶部的快捷的功能是很有必要的,找了资料,最后整理如下: 1.回到顶部元素的html代码,代码可以直接放在mui-content里面: 2.添加一些样式修饰,好让元素悬浮.hide { display: none; } .backTop { background: #DDDDDD; border-radius:转载 2017-09-22 16:10:13 · 5105 阅读 · 5 评论 -
mui html标签不解析
最近做了一个文章管理的模块,pc端使用了ckeditor控件保存到数据库是html片段在pc端预览是ok的,但是用mui在移动端直接显示就如图所示:找了资料,最后终于找到解决办法,vue.js有个标签v-html,代码使用非常简单:最终效果,是不是很赞:原创 2017-11-10 16:34:07 · 1252 阅读 · 0 评论 -
vue.js循环radio
最近在做一个组件联动的,需要循环展示el-radio,花了很多时间现在记录一下,也给遇到类似问题的小伙伴一个参考 <el-radio-group v-model="radioArray[item.name]" @change="handleRadioChanges"> <el-radio v-for="opt in options" :key="opt.labe...原创 2018-07-27 14:28:09 · 7442 阅读 · 2 评论 -
vue 子组件调用父组件方法
1.父组件代码,在父页面中有一个公共方法 handleRules(),同时父页面引用了子组件页面 <component :is="context.columnTab" :context="context" :model="model" :config="config" :rules="rules" @handleRules="handleRule原创 2018-08-07 11:37:08 · 1565 阅读 · 2 评论 -
element ui table tooltip设置宽度
最近在开发一个项目,前端用的Vue.js+Element ui框架,项目中用到了很多表格,当列的内容过长时使用 :show-overflow-tooltip="true",可以让内容在一行显示并且出现tooltip,但是通常就会出现这样的效果:于是就需要修改tooltip的样式,写法大概是这样:<style> .el-tooltip__popper {...原创 2018-09-21 12:01:11 · 22792 阅读 · 11 评论