iView的Form里，使用了baidu的edutior，vue下整合还是比较简单的，推荐下这个项目：https://github.com/haochuan9421/vue-ueditor-wrap，按照REAME.md一步步就能完成，不过遇到一个问题，就是在form-item下使用工具栏的整体高度如下，显得不协调，图示如下： 经过研究，只需要在.editor-form-item下的.ivu-form-item-content设置line-height为unset就可以了 代码如下: <style type=…
iView的table组件，使用render函数，需要展示html内容。 { title: '内容', key: "content", minWidth: 304, render: function (h, params) { return h("div", { // 可以带class的样式 class: 'quill-editor-div', // 可以带style样式 style: { // marginTop: '10px' }, domProps: { innerHTML: params.row.conte…
Vue项目中（iView/ViewDesign）使用了quill富文本编辑器项目地址：https://github.com/surmon-china/vue-quill-editor 不过有个问题，就是工具栏的内容没有垂直对齐，如图所示： <form-item label="内容"> <quill-editor ref="quillEditor" class="quill-editor" v-model="content" :options="editorOptionSimple" ><…
Vue项目中根据文档整合iView(VueDesign)的自定义主题，需要新建index.less，增加主题相关的代码。 报错如下： ERROR Failed to compile with 1 error 5:35:32 PM error in ./src/my-theme/index.less Syntax Error: // https://github.com/ant-design/ant-motion/issues/44 .bezierEasingMixin(); ^ Inline JavaScript …
在M1芯片的MacOS上做前端开发（VueJS），之前Windows的项目，里面有SASS的依赖，启动的时候提示报错，如下： Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64) with Unsupported runtime (93) 找到package.json： "node-sass": "^4.14.1", 换成： "sass": "^1.45.0", 删除node_mo…
iView下的表单，例如登录表单，开发需求是填写完成表单后，按键盘上的回车需要自动调用Button的Submit方法（就是按回车和按Button的@click方法是一样的） 实现关键点： 加上 @keydown.native.enter.prevent='someMethod' <Form ref="loginForm" :model="loginForm" @keydown.native.enter.prevent="loginClicked" inline> <FormItem> <…
默认情况下，Vue项目下的页面router.push('/path/to/page')每次路由切换后，如果当前页面已经滚动到中间或者底部的时候，跳到下一个页面，默认也是scoll到相同的位置（中间或者底部），但是我们还是希望到了新页面，当前内容还是滚动到顶端。 这个应该是其他SAP（Single Page Applications ）都差不多会遇到的问题。 在每个页面的生命周期mounted下面，写代码让页面滚动到顶部 mounted () { window.scrollTo(0, 0);//滚动页面到最顶端 } …
Vue项目编译后，生成的dist文件夹下的资源文件，部署到服务器后，如果是http://www.example.com/这样的路径，是没有问题的；但是如果部署到二级目录后，例如 http://http://www.example.com/vue/后，就会发生问题，通过浏览器右键-检查 发现网页加载css和js都是从http://www.example.com/app.xxxx.js 或者http://www.example.com/app.xxxx.css 这样的，显然vue下的资源文件的加载的相对路径，还是按照一…
iView中Upload上传组件，配合表格组件，想要实现这样的功能（即要有拖拽上传，还有上传列表，以及上传进度），如图： 话不多说，直接上干货代码 Html部分 <row class="" style=""> <i-col span="20"> <upload ref="upload" :show-upload-list="false" :on-success="handleSuccess" :on-error="handleError" :format="allowedFormat"…
iView中例如表格Table的column中，一些属性是由render函数渲染的，有时候需要在render函数中，调用data里面的数据，就要用到this.someProperty，不过发现这个时候，this是空的（undefined） 解决办法也比较简单，在data()里面，return前面指定一个变量存储下this，作为缓存来使用，示例如下： data() { // 使用that存储下this实例，以便在column1的render函数下调用 var that = this; return { spinSho…
