前端小技巧
sj206327327206
这个作者很懒,什么都没留下…
展开
-
使用展开和收起处理table 表格列文本过长
# 场景:在做后台页面时,经常用到表格,有时候表格列的内容过长,导致所在行拉的很高,严重影响美观性和可用性。# 解决方案:1. 不展示内容过长的列。如果没有必要可以不展示或者另放在一个详情页面,毕竟表格宽度有限,只需要展示关键列。2. 截取展示,只展示内容的前几个字,比如20字,后面省略号,点击省略号展开详情,这种只适合中等长度的列。3. 当内容实在很长,可以考虑使用弹出框加滚...原创 2018-08-03 14:18:41 · 2005 阅读 · 0 评论 -
Vue相关开源项目库汇总(史上最全)
原文地址:https://blog.csdn.net/caijunfen/article/details/78221680转载 2018-08-15 14:26:30 · 387 阅读 · 0 评论 -
vue的router组件component在import时不能使用变量
webpack 编译es6 动态引入 import() 时不能传入变量,例如dir =’path/to/my/file.js’ ; import(dir) , 而要传入字符串 import(‘path/to/my/file.js’),这是因为webpack的现在的实现方式不能实现完全动态。但一定要用变量的时候,可以通过字符串模板来提供部分信息给webpack;例如import(./path/$...转载 2018-09-05 10:56:42 · 4445 阅读 · 0 评论 -
基于Vue的前后端分离项目实践
一、为什么需要前后端分离1.1什么是前后端分离 前后端分离这个词刚在毕业(15年)那会就听说过,但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离?直观的感觉就是前后端分开去做,即功能和职责上的一种划分,前端负责页面的渲染,部分页面交互的逻辑,然后通过网络请求与后端进行数据的交互;后端则着重关注业务逻辑的处理,直接操控数据库。1.2前后端未分离前(1)jsp + s...原创 2018-09-26 14:45:55 · 34566 阅读 · 7 评论 -
Vue 项目开发之疑难杂症
1、使用v-model 绑定对象的动态属性,导致v-model失效或者数据异常 场景:使用iview的CheckboxGroup 做checkbox多选时,发现勾选的选项和v-model绑定对象对应的属性值不匹配。template代码如下:<CheckboxGroup v-else-if="item.formType === 'checkbox'" v-model="metaT...原创 2018-10-12 19:00:44 · 564 阅读 · 0 评论 -
vue 疑难杂症记录
一、render 函数渲染自定义组件注意的问题一般使用vue render函数渲染普通的html标签时,写法如下:render: (h) => { return ('div', {}, '测试内容')}但是有时候我们需要使用render渲染自定组件这时候就不应该在自定义的组件名上加“”号了,写法如下:render: (h) => { return (ToolBar...原创 2019-06-13 19:09:12 · 411 阅读 · 0 评论