iView

iview table表格中添加select选择器以及dropdown下拉菜单 1.需求 在上篇的文章 iview table表格的自定义样式 的基础上，也就是一张table上的某一列改为select框 其中一个option选项，hover或click可以伸展出另外一个选择框 反显 2.设计 查了查资料，就是在table的列里面，使用render函数 使那个可以伸展出另一个的选择框作为一个下拉菜单dropdown，若还是写为 select或者option是不能正常展示的 或者可以使用cascader级联选择（这个应该是挺好的，但是我还没有去尝试过） 3.实践 之前的代码不变 <Table ref="selection" @on-selection-change="onSelect" height="700" no-data-text="暂无数据" :row-class-name="rowClassName" :columns="columns4" :data="data1" highlight-row></Table> 在其中一列中加入render函数 { title: '香蕉', key: 'banana', render: (h, params) => { var data = this.data3; return h('div', [ h( "Select", data

前言 博客的编辑功能总算做完了，总的来说还是比较简单的。但是也碰到了很多没有遇到过的技术问题 ，就是下面这个样子 在线编辑器选用mavon-editor，功能基本满足, 使用也比较灵活，增加了自动保存，推送、同步git仓库的功能 目录和文件的管理比较纠结，选用ElementUI或者iview等主流框架，比较熟悉且方便开发。但是相对太厚重，虽说可以按需引入，但是css样式还是需要整个引入或者通过CND加速。 所以为了简单方便不引用过多的外部插件，手写了一个树型控件，还挺简单的 并没有 服务端基本用 fs 模块就能处理。通过接口提供 CRUD 的博客接口 处理图片 写博客免不了要贴图，方便示意且直观，做起来也比较简单，通过接口接受图片转换的base64就行，这样也不用额外引入库 前端 获取File对象做转换 /** * <input type="file" onchange="upload(this)"> */ function upload(input) { const file = input.files[0] const reader = new FileReader() reader.readAsDataURL(file) console.log(reader.result) } 服务端 路由接收到数据后将base64的字符串做处理然后转换为二进制存入缓冲区写入文件 /** *

参考阮一峰网络日志，廖雪峰官方网站，以及部分网络资料总结 mvc(model-view-controller) 概念解释： MVC是三个单词的首字母缩写，它们是Model（模型）、View（视图）和Controller（控制） 最上面的一层，是直接面向最终用户的 "视图层"（View） 。它是提供给用户的操作界面，是程序的外壳。 最底下的一层，是核心的 "数据层"（Model） ，也就是程序需要操作的数据或信息。 中间的一层，就是 "控制层"（Controller） ，它负责根据用户从"视图层"输入的指令，选取"数据层"中的数据，然后对其进行相应的操作，产生最终结果。 简单理解：用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View） 联系与作用 ：这三层是紧密联系在一起的，但又是互相独立的，每一层内部的变化不影响其他层。每一层都对外提供接口（Interface），供上面一层调用。这样一来，软件就可以实现 模块化 ，修改外观或者变更数据都不用修改其他层，大大方便了维护和升级。 JavaEE中的SSH框架（Struts/Spring/Hibernate），Struts（View, STL）-Spring（Controller, Ioc、Spring MVC）-Hibernate（Model,

问题： How do I see the type of a variable whether it is unsigned 32 bit, signed 16 bit, etc.? 如何查看变量的类型，无论是无符号32位，带符号16位等等？ How do I view it? 我该如何看待它？ 解决方案： 参考一： https://stackoom.com/question/1gi0/如何确定Python变量的类型 参考二： https://oldbug.net/q/1gi0/How-to-determine-a-Python-variable-s-type 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/3220048

本文主要解决： iview树形组件使用问题，已经有后台数据，请问如何对应treeData的字段？ 如下所示 { title: ' child 1-1 ' , expand: true , children: [ { title: ' leaf 1-1-1 ' , expand: true }, { title: ' leaf 1-1-2 ' , expand: true } ] }, { title: ' child 1-2 ' , expand: true , children: [ { title: ' leaf 1-2-1 ' , expand: true }, { title: ' leaf 1-2-1 ' , expand: true } ] } ] 这是iview的demo数据，这里面children title是固定的字段和我们回台返回数据字段不对应怎么办？求指教,比如我真实数据是childrenFilenames，还有就是我不知道有多少层级，怎么和demo里tree对应呢 方案： function getTree(tree = []) { let arr = []; if (!!tree && tree.length !== 0 ) { tree.forEach(item => { let obj = {}; obj.title = item.name; obj

3 月，跳不动了？>>> MVP：Model，View和Presenter 作用：分离VIew和Model，通过接口实现VIew和Presenter的交互，有利于单元测试，同时较少Activity的代码，Presenter分担原来在Activity实现的逻辑代码。 代码实现： 1，定义IView和IPresenter public interface IView { Activity getActivity(); } public interface IPresenter { void detachView(); } 2，定义BaseView（BaseActivity和BaseFragment）和BasePresenter，分别集成IView和IPresenter public abstract class BaseView<P extends IPresenter> extends Activity implements IView { protected P prosenter; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); prosenter = bindPresenter(); } protected

1、iview根据条件控制样式 <Card :class="{'nodate-content':item.rentSituation='空','renting-content':item.rentSituation == '满','overdue-content':item.endDate>nowDate}" style="border-radius:5px;"> </Card> 2、iview模态框只要点击确定就自己关闭，怎么阻止iview模态框关闭 使用slot插入自定义的底部按钮组就不会存在不可阻断的问题，即在模态框层最底层加如下代码： <div slot="footer"> <Button type="text" size="large" @click="improtDialogVisible=false">取消</Button> <Button type="primary" size="large" @click="importBuildDada()">确定</Button> </div> https://blog.csdn.net/qq_16371909/article/details/82800427 3、做自定义验证时，对象里的字段必先声明 4、问题：修改组件名后，报错 解决：以下一定要拼写一致，也就是unit-add-or

1、问题：方法执行顺序不受自己控制啦 解决方法： 这个两个方法串联执行或者用async await关键字串行化请求，nextTick(function(){})的作用是保证function里的代码在dom更新完才会回调, 跟api请求是否结束没有关系 但用下面的方法还是不行 最终解决方法： 继续简化代码： 2、iview唯一性验证异步问题 3、循环里执行异步：id数组，依次取得每个单元，如果有一个单元被禁用都不得继续合并 https://blog.csdn.net/qq_40523572/article/details/94480201 来源： oschina 链接： https://my.oschina.net/u/2427561/blog/3193266

0x00 今天想用下iview-weapp写个小程序，结果发现在执行npm install后报 Unexpected end of JSON input while parsing near '...arma-chai":"^0.1.0" 错误。 0x01 解决这个问题很简单，只需要清理下npm缓存即可，执行以下命令 npm cache clean --force 0x02 问题解决 来源： oschina 链接： https://my.oschina.net/u/2351716/blog/1934314

后台推送换行符 '\n' 或 '<br/>' 等字符串到前台不会换行 详细描述 后台逻辑处理返回String字符串，其中包含 \n 或 <br/> 等换行符号，但是前端渲染时候却并没有真正的换行 也尝试了大佬的各种 \r\n,<br/>,&lt;br/&gt; 等都没有作用 解决方案 下面的解决方案来自 https://www.jianshu.com/p/1d0ec501b318 前台用的vue+iview这是我表格中的一列，推送过来字符串包含换行符 \n ，增加 class:'comment' 类选择器 { title: '备注', align: 'left', key: 'COMMENT', render: (h, params) => { if(params.row.COMMENT == "") { return h('span', '--'); }else{ return h('span',{ class:'comment' },params.row.COMMENT) } } } <!--more--> 后面增加下面的CSS，就可以利用后台推送的 \n 来换行了 .comment{ white-space:pre-wrap; } 来源： oschina 链接： https://my.oschina.net/u/3959025/blog/3039663