随笔分类 - vue
描述一些日常使用vue碰到的问题
摘要：项目简介 留言墙：一个以在线便利签的形式，也可以扩展成许愿墙、树洞的一个项目。 抽空来完成一个简单的留言墙项目并完整介绍整个过程。留言墙，顾名思义，就是类似一个留言板，上面可以让人留下自己的话。自己当ui和产品，所以外观有点惨不忍睹，但是希望你能耐心看完。整个项目很简单，分为两个区域，一个是展示别人
阅读全文
摘要：常见操作 日常开发一直在使用git，但是只是会一些常用的命令，从网上搜了一些常见命令，后期会不断往里加 全局配置用户信息 git config --global user.name "xxxx" git config --global user.email "xxx@xxx.com" 分支的合并 场
阅读全文
摘要：vue使用render来写组件 博客园同步更新 ps：内容简单勿吐槽。这里的例子是跟着官网的渲染函数。 渲染函数介绍 Vue 推荐在绝大多数情况下使用模板来创建你的HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。 实例 让我
阅读全文
摘要：刚好看见以前自己还没用vue的传参和接受参数的博客，想起现在自己用vue用的最多，那就记录一下vue的传参和接受参数的方式； vue跳转路由用this.$router.push()方法，这个方法可以接受对象或者字符串两种参数： 我先说当是Object的时候,常用的有{path: ‘’,query:{
阅读全文
摘要：在接触现在这个大屏项目之前虽然知道echarts，但真实情况使用不多，然后最近因为经常基于echarts作图，为了实现各种花样，也是玩出了点火花，也有现在还没解决得问题。简单记录一下： 直接上图： 先来看从网上找，然后copy下来实现的echatrs： 再放一些实际项目实现的图： 实现颜色渐变(ec
阅读全文
摘要：ui设计图中有各种关于颜色渐变，实现其效果，所以我记录一下。1.背景颜色渐变 效果： 这个表格前三行背景就是颜色渐变，使用伪类取对应行，再用linear-gradient()实现背景渐变。代码如下： /deep/.el-table .el-table__body-wrapper tbody .el-
阅读全文
摘要：昨天被拉进一个项目组，会接触一些与Echarts的相关任务，讲实话，在此之前echarts.js有使用过，但是很少，很浅，那我就且学且准备。因为没有实际数据 所以我就全部使用模拟数据，我先在coding上新建一个项目，然后项目初始化，vue init webpack ... 这些跳过。项目引入cnp
阅读全文
摘要：this.$router.push()方法我在这就不多说了； 看代码： let newUrl = this.$router.resolve({ path: '/test/test' }); window.open(newUrl.href, '_blank'); 这样可以实现新窗口跳转，也可以带参，注
阅读全文
摘要：大家可能知道常规组件传值，父传子使用子组件定义好的props值，子传父可以使用子组件里面定义的时间this.$emit(); 然后很多层的情况，一层一层慢慢传太慢，vue提供了依赖注入的钩子：provide/inject provide() { return { isTrue: true }; },
阅读全文
摘要：在项目api声明的时候，避免每次添加新的js都要对应去处理 首先我在项目api文件下新建一个files的文件夹，然后再api文件夹下的index.js这样写： var api = {}; const requireComponent = require.context('./files', fals
阅读全文
摘要：使用el-input时 出现需要精度控制的需求，因为每一个el-input需要精度不用 所以我给这个虚拟dom绑定了一个精度值，根据这个值去控制精度。 下面附上代码： html： <el-input v-numberInt='field.data.text' :colPrecision='field
阅读全文
摘要：之前一直在搜怎么让提示框的文字换行，网上搜到的基本都是使用 ‘ /n ’,使用无效，也试了css换行，本来想用弹窗自己编辑html内容，还好回去官网看了一下； let arr = ['测试一', '测试二', '测试三']; let str = arr.join(' <br/> '); this.$
阅读全文
摘要：情况：项目出现了下拉数据量过大，出现页面卡死问题，反馈到我这；当时实现思路1.使用render函数去渲染下拉框 试了发现卡死情况依然存在，所以尝试方法2 2.使用原生js去添加下拉框的<option>页面卡死情况没了，但是变成原生select，数据量大 很难找到对应的人 要下拉去找很久；只能说不完美
阅读全文
摘要：我在这使用属性重新render饿了么ui的tree： <el-tree ref="tree" icon-class="fa fa-caret-right" class="tree-content" v-bind="bindAttrs" v-on="$listeners"> </el-tree> co
阅读全文
摘要：学习了Vue框架近三个月，现在对数据绑定有了点认识，但是发现自己反而对js不是特别的熟。 下面是今天写代码刚好碰到的问题： 缓存的话：3句代码 sessionStorage.setItem("name", val); let backValue = sessionStorage.getItem("n
阅读全文
摘要：用了Element ui写页面 <el-dropdown-menu slot="dropdown"> <el-dropdown-item> <el-select size="mini" v-model="searchInfo.plan" placeholder="请选择" > <el-option
阅读全文
