Vue ElementUi
木林森淼
土木工程-软件开发-项目管理-解决方案-管理
展开
-
VUE+Element UI实现表格内直接编辑
原文路径:https://www.jianshu.com/p/79f39f2c1382原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- 引入样式 --> &..转载 2019-01-30 13:58:07 · 18990 阅读 · 4 评论 -
vue中“:”、“.”、“@”意义
“:” 是指令 “v-bind”的缩写,“@”是指令“v-on”的缩写;“.”是修饰符。详细如下v-bind指令可以用于响应式地更新 HTML 特性: <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span></...转载 2019-01-18 11:08:40 · 117665 阅读 · 4 评论 -
Vue.js之事件的绑定
原文路径:https://www.jb51.net/article/147452.htm1、Vue.js事件绑定的一般格式v-on:click='function'v-on:click/mouseout/mouseover/@click2、Vue.js事件绑定的实现2.1 JavaScript代码<script type="text/javascript" s...转载 2019-01-16 14:09:41 · 646 阅读 · 0 评论 -
webpack里面`./`和`@/`的区别
importHellofrom'@/components/Hello';importHellofrom'./components/Hello';上面语句中的@和.的区别:./这是相对路径的意思。@/这是webpack设置的路径别名。@是webpack配置的引用路径,resolve里面有一个alias的配置项目,能够让开发者指定一些模块的引用路径。对一些经常要被i...转载 2019-01-16 14:18:44 · 2293 阅读 · 0 评论 -
URI is not registered (Settings | Languages & Frameworks | Schemas and DTDs)
背景:Vue ElementUI项目中,加入了一些.svg格式的图标,代码提交时报错Error:(1, 86) URI is not registered (Settings | Languages & Frameworks | Schemas and DTDs)处理方案:file-->settings-->languages & frameworks--...原创 2019-03-13 16:49:10 · 775 阅读 · 0 评论 -
el-table-column内容不自动换行
项目使用ElementUI,在显示时,如果某一个数值长度超过列宽,会默认换行,如下这样的话造成页面动态变化,很难看,可以通过给el-table-column增加show-overflow-tooltip样式来解决。<el-table-column prop="goodscode" label="货物代码" width="80" show-overflow-tooltip>...原创 2019-03-26 15:37:54 · 39782 阅读 · 5 评论 -
elementUI中svg图标库
elementUI中需要用到大量的图标库,svg或者png格式,可以从以下路径下载https://www.iconfont.cn/collections/index以下载支付宝图标为例第一步:打开上述地址,登录,找到想要下载的图标,点击进入第二步:鼠标移动到预下载图标上,在blur出的遮罩层点击下载图标,如下第三步:选择想要下载的图标格式,选择想要保存到的本地路径,保存...原创 2019-04-10 15:27:50 · 17900 阅读 · 1 评论 -
vue+ elementUI使用el-autocomplete从远程实时查询
页面需求如下:第一步,在“预制模板”中输入模板名,需要从数据库模糊查询出数据集,第二步,选中某条数据后,将对应的其他数值填入“合并方式”等其他项目中。<template> <el-dialog :title="'箱单发票创建设置'" append-to-body="true" :close-on-click-modal="false" :visible.sy...原创 2019-04-09 17:45:10 · 4599 阅读 · 1 评论