vue
关注
分享
扫一扫
A873054267
这个作者很懒，什么都没留下…
展开
-
vue background 图片打包后引用错误
网上有很多文章写build路径改为相对uitls.js增加publicPath: '../../'的，实际上打包后都无用正确是使用require引入<div class="img" :style="{backgroundImage:`url(${require('../../../static/image/'+input.imgName+'.png')})`}"></div>...原创 2021-06-22 09:25:38 · 409 阅读 · 0 评论 -
element动态合并列
在合并列的时候，需要处理不合并的逻辑，否则会导致列值列表样式混乱原来是这么写的，有问题原创 2020-08-17 10:04:59 · 314 阅读 · 0 评论 -
element实现纵向表头
主要是基于element提供的行列合并入口，并对列样式进行设置合并函数：table原创 2020-08-14 17:59:56 · 3820 阅读 · 2 评论 -
css实现动态箭头
svg可以从iconfont获取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .img{ position: absolute; width: 100px; height: 100px; animation: c..原创 2020-08-14 14:36:36 · 1023 阅读 · 0 评论 -
vue移除事件监听
通过@添加的事件，无法移除，具体原因就不探究了，使用原生js进行事件的监听和移除回调函数要相同，否则移除无效原创 2020-08-14 13:37:02 · 4610 阅读 · 0 评论 -
vue 监听scroll事件无效
1 监听的dom元素设定高度，子元素的内容要超过容器的高度2 设定overflow为:auto/scroll，默认值为visible，无法触发原创 2020-08-14 10:18:12 · 433 阅读 · 0 评论 -
vue嵌入到htlm页面中
起源是公司购买了炎黄盈动的产品，当初宣传的时候，各种流程管理配置方便快速，结果接手以后各种坑；交钱之后就技术支持就爱理不理了，有幸看到的人，千万不要购买他们家的产品；技术老套jqury+jsp，惊呆了；子组件本来可以局部注册的，但是没找到方法，反正这种方式也是迫不得己，试着使用吧...原创 2020-05-22 08:42:04 · 312 阅读 · 0 评论 -
element-ui table组件显示横向滚动条，固定在底部
只需要在table的属性中设置maxheight并绑定window.onresize事件，使得浏览器调整时也能出现滚动条，否则会消失或出现大片空白。.window.onresize=() =>{ //动态设置表的最大高度，使得横向滚动条在浏览器底部出现 this.tableMaxHeight=document.body.clientHeight-380}...原创 2019-11-06 09:58:30 · 11147 阅读 · 0 评论 -
element-ui 导航菜单 路由跳转无效
两个原因1 el-menu未开启router模式2 没有在菜单中绑定index原创 2019-10-23 15:25:59 · 5989 阅读 · 4 评论 -
element-ui 文件上传 移除上一个文件
场景限定只能上传一个文件，第二次再点击上传文件时，移除前一次上传的文件。//移除上一个文件removeLastFile(files,fileList){ if(fileList){ this.filesUpload=fileList.slice(-1) }},:limit="2":on-change="removeLastFile"为了避免组件自动移除...原创 2019-10-23 14:12:26 · 4726 阅读 · 1 评论 -
浮动层设置的简单方法
做地图时会遇到浮在地图上的搜索框。如高德地图搜索框类似的效果。起初用fixed的定位，一直要动态控制其宽度，很麻烦。偶然发现，当元素设置了定位方式，但不给top等定位值时，其会脱离文档流，但其位置不会发生改变，相对的元素也会是父元素。.search{ position: absolute; width: 100%; z-index: 100; background:rgb...原创 2019-10-14 15:34:52 · 492 阅读 · 0 评论 -
element 级联选择器 省市联动
官网的demo省略了数据，导致一直不正确list_linkage存储一级数据props中配置懒加载请求的数据<el-cascader :options="list_linkage" @change="handleItemChange" :props="pp"></el-cascader>mounted中对list_linkage请求赋值...原创 2019-10-12 17:39:31 · 823 阅读 · 0 评论 -
css3-postion定位，fixed定位无效
fixed定位是相对于浏览器窗口定位，前提是加上top等属性值才会生效。假设不指定属性值，其top等值会继承父元素的值，造成以父元素定位的假象。...原创 2019-09-20 11:26:18 · 367 阅读 · 0 评论 -
vue v-for实现多行等分布局-三等分
关键在于容器元素的指定和项目元素。容器元素要在for之外，项目元素在for之内 <div class="wrapper"><div class="wrapper-content" v-for="(resultListitem,resultListindex) in resultList"> <barchart titles="项目规划名称1" sta...原创 2019-08-16 12:35:05 · 7822 阅读 · 0 评论 -
vue ajax跨域
this.$http.jsonp(this.url).then(function(result) { console.log(result)})原创 2019-01-17 18:48:22 · 583 阅读 · 0 评论 -
vue li标签横向排列
分别设置ul和li的样式即可.ulName{ display:inline; white-space:nowrap;}.liName{ list-style: none; display: inline-block; margin: 3px; margin-left: 5px; float: left;}原创 2019-01-17 20:12:47 · 8790 阅读 · 3 评论 -
vue v-for渲染数据显示不全
<ul v-for="(index,item) in allName" :key="index" class="ulName"> <li class="liName"> <el-button type="primary" plain size="small">{{item}}</原创 2019-01-17 20:14:47 · 3779 阅读 · 0 评论 -
vue监听全局变量
可能因为格式的问题，无法再组件里面直接监听全局变量，通过compute属性来更新computed: { listenshowpage1() { return this.$store.state._achievements; } }, watch:{ listenshowpage1:function(old,newd){...原创 2019-01-17 22:18:48 · 13388 阅读 · 0 评论 -
el-input avoid mutating a prop directly vue修改input中输入的值
由于ui采用的框架为elmentui，在修改输入框中的值时报这个错。而我自己并没有传入任何props参数的。猜想可能的原因是ui框架是以props传入的。修改其值得方法可以通过v-model绑定data中的值来实现...原创 2019-01-23 10:01:20 · 343 阅读 · 0 评论 -
chrome浏览器下载无请求
开发下载连接时，如果链接错误，也应该是发出请求，返回状态为404才对，但是谷歌浏览器直接无请求发出。可能是某个bug，在IE中是正常的，只要地址填写正确就可以正确下载了...原创 2019-07-13 10:13:22 · 2764 阅读 · 0 评论 -
vueRouter实例
网上的例子基本都基于组件式的或者部分的，不太利于理解。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script...原创 2019-07-04 10:55:27 · 255 阅读 · 0 评论 -
elementUI 实现table第一列加checkbox，部分选中，部分状态不可选
加一列checkbox，只需要在列的属性中加上type即可设置部分不可选状态，设置selectable事件即可，设置部分选中状态必须是nexttick中写，此外在table组件上加ref...原创 2019-07-18 16:06:20 · 4839 阅读 · 5 评论 -
elementUI select控件绑定多个值（对象）
通常使用的时候v-model都是绑定一个值，这样没有问题，但在某些需求中会获取选择项的多个值。那么v-model就需要绑定一个对象，e饿了么的官网说明了绑定对象的时候必须绑定value-key值，否则会出现选择项无法改变的情况。value-key可以使用选择项中的值。当时没有看文档的时候，自己也想了一个办法，就是绑定选择项的索引值，然后到对应的nameList数组中取出对应的项也可以。...原创 2019-07-17 11:15:45 · 15712 阅读 · 0 评论 -
vue分页组件再封装
官网已经封装很好了，但是多个地方用还是觉得麻烦，因此再封装了一个vue组件组件内容 ，组件名称pagination.vue<template> <!--分页--> <div class="pagination"> <el-pagination :page-sizes="paginations.page_sizes" ...原创 2019-08-02 15:16:29 · 302 阅读 · 0 评论 -
vue-element 选择框 选择值改变，显示不变
目前只针对我所遇到的情况。由于v-model绑定了一个对象；因为form表单不仅要传id，还要传name；因此一直这么做的。后来想起怎么解决了，应该在el-select 绑定value-key才能保证唯一。；此外在进行inpu框的输入时，也有无法更新的情况，在change事件中使用forceUpdate()函数进行强制更新但是今天这个一直出不来。最后绑定index。通过数组的ind...原创 2019-08-15 09:08:37 · 6089 阅读 · 0 评论 -
vuex最简教程
原理篇https://segmentfault.com/a/1190000015782272对于不想去看实现的原理的，首先在src中新建store目录，添加index.js文件，内容如下import Vue from 'vue'import Vuex from 'vuex'// 修改state时在console打印，便于调试import createLogger from ...原创 2019-01-17 18:04:43 · 204 阅读 · 0 评论