![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+iview
这么近又那么远
这个作者很懒,什么都没留下…
展开
-
iview - form - input 聚焦回车页面刷新
使用form表单时,如果表单中只存在一个input输入框的时候,input聚焦回车会导致页面刷新,解决办法:禁用form提交<Form ref="form" :inline="true" :label-width="100" @submit.native.prevent>原创 2020-08-14 09:08:27 · 1084 阅读 · 1 评论 -
vue事件处理(修饰符)
事件修饰符:在vue中为了只处理纯粹的数据逻辑,而不是去处理 DOM 事件细节,vue.js提供了事件修饰符。.stop .prevent .capture .self .once .passive实例:<a v-on:click.stop="doThis"></a>注:使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生按键修饰符:Vue 允许为v-on在监听键盘事件时添加按键修饰符:<input v-on:keyup.page-do..原创 2020-05-13 11:31:05 · 291 阅读 · 0 评论 -
vue + iview 打包报错
版本对不上,optimize-css-assets-webpack-plugin 版本太高 改为3.2,npm i optimize-css-assets-webpack-plugin@3.2.0 --save改完之后给出警告不用管原创 2019-06-19 15:48:18 · 494 阅读 · 0 评论 -
vue+iview兼容IE9及以上记录
IE不支持ES6语法安装解码器 npm install --save babel-polyfill //转码器,可以将ES6代码转为ES5代码 修改webpack.base.conf.js entry: { // app: './src/main.js' app: ['babel-polyfill', './src/main.js'] //兼容IE运行 }, 在main引用 import 'babel-polyfill' 兼容d..原创 2020-06-09 14:52:34 · 291 阅读 · 0 评论 -
页面自适应浏览器高度
页面自适应高度,哪iview--table为例<template> <div style="min-width: 1024px !important"> <Table :height="mheight" :data="data" :columns="columns"> </div></template><script> export default { data() {原创 2020-06-09 14:32:26 · 412 阅读 · 0 评论 -
iview--table自定义列头
iview---table自定义列头官方API提到renderHeader函数自定义列头显示内容,使用 Vue 的 Render 函数。传入两个参数,第一个是 h,第二个为对象,包含column和index,分别为当前列数据和当前列索引。{ "title": "累计销售", "align": "center", renderHeader: (h, param) => { return h('div', { domProps: { i...原创 2020-06-09 14:27:19 · 1106 阅读 · 0 评论 -
vue+iview+electron实现桌面应用程序
创建electron:安装 electron 用 cnpm 命令安装 electron npm 会帮助你创建一个基本的package.json文件。 其中的main字段所表示的脚本为应用的启动脚本,它将会在主进程中执行。 如下片段是一个pa...原创 2020-05-13 18:34:21 · 943 阅读 · 0 评论 -
iview框架 select组件使用自定义模板+远程搜索,赋值无效
想回显label的值的,只能在option选项的value属性中绑定label值,说白了:此时的label和value属性都绑定到了真实的label,这一切仅为了手动赋值时的回显,然后用自定义click option事件代替控件自带的选中,传递参数为对象(该对象中包含了真实的label、vlaue值),需要你手动设置选中的value和label...原创 2020-05-06 10:49:25 · 1362 阅读 · 0 评论 -
iview Table使用 slot-scope 编辑模式 添加select下拉框被table遮住
iview 使用slot-scope 编辑 table 行添加select下拉框遮罩问题解决方法:.ivu-table-body{ position: fixed !important;}覆盖ivu-table-body定位样式完成原创 2019-08-21 17:35:59 · 3798 阅读 · 1 评论