vue
nailgo
这个作者很懒,什么都没留下…
展开
-
在vue2-ace-editor的光标处插入字符
需要实现:点击按钮,在vue2-ace-editor的光标处插入相应字符串因为vue2-ace-editor本身没什么文档,所以一开始用了editor里面的selection.anchor和lead属性定位光标,document获取内容,然后把字符串和光标前后的文字加起来做成editor的content,太费劲了。后来想想,既然vue2-ace-editor是封装了ace-editor,那应该可以直接使用ace-editor的api,然后去了ace-editor的官网,不知道什么原因,官网点击菜单都原创 2020-09-24 10:55:43 · 1118 阅读 · 1 评论 -
vue-element-admin我踩的坑(10)
题外话:写到现在好像写的也不一定是vue-element-admin的坑,大家忽略标题吧。textarea中在光标处插入字符,碰到的2个问题(其实这才是标题)需求:在文本编辑框中的光标处插入特定字符。不管当前焦点是否在编辑框,插入后光标选中插入的字符。实现参考这个文档:https://blog.csdn.net/Beth__hui/article/details/96287764...原创 2019-08-29 12:00:47 · 1323 阅读 · 0 评论 -
vue-element-admin我踩的坑(9)
element-ui的transfer组件选项过长问题解决使用element-ui的transfer组件不可避免出现选项过长问题:我这里的解决方案是使用transfer的render-content自定义渲染函数,里面添加element-ui的tooltip组件,对超长的选项进行提示。1.绑定渲染函数<el-transfer :render-content="...原创 2019-05-29 11:45:48 · 862 阅读 · 0 评论 -
vue-element-admin我踩的坑(8)
按需导入element-ui组件问题每次在打包的时候,都会出现chunk-elementUI.XXXX.js过大的警告,有500多KiB,然后发现在element官网中有按需导入组件的方法(快速上手章节)。我先全部拷贝,然后根据使用情况,删除了一些没有用到的组件。然后打包发现chunk-elementUI.XXXX.js果然变小了,成了300多KiB,虽然还是没达到推荐的244之下,仍然...原创 2019-05-27 11:14:57 · 2854 阅读 · 0 评论 -
vue-element-admin我踩的坑(7)
先说个简单的,表单校验问题,表格里面的prop必须和v-model绑定的变量名一致!如element-ui官网的代码:<el-form-item prop="date1"> <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"&a原创 2019-02-27 15:43:12 · 913 阅读 · 0 评论 -
vue-element-admin我踩的坑(6)
el-table添加监听器的问题想对table添加横向滚动条的监听器,获取当前的滚动量,做两个表格的同步横向滚动根据网上的方法添加监听器:尝试1:var doms = document.getElementsByClass('el-table')doms[0].addEventListener('scroll', () => { console.log(dom...原创 2019-01-10 16:41:13 · 871 阅读 · 2 评论 -
vue-element-admin我踩的坑(4)
v-model绑定数据不实时更新问题原理:v-model绑定数据必须要在data 对象里面定义,才能实时更新。例如input对象v-model="aid"那么必须:data() {return {aid: 10}问题:我碰到的问题是在data对象里面定义了一个空map:mydata:{},但v-model绑定的是mydata.aid,之前用单纯输入框没发现什么问题。...原创 2018-12-11 18:01:25 · 369 阅读 · 0 评论 -
vue-element-admin我踩的坑(3)
下拉选择框rule校验问题,发现的问题是选择框根本没选,居然也能校验通过??!!(框体绿色,form的validdate通过)代码:tempalete:<el-form-item label="aaa" prop="listItem"> <el-select v-loading="loading" v-model="listItem" class="filter原创 2018-12-11 16:11:22 · 1093 阅读 · 0 评论 -
vue-element-admin我踩的坑(2)
request和reresponse请求后端的地址都在api目录写,格式如export function getInfo(prm) { return request({ url: '/abc/article', method: 'get', params: prm })}需要注意的是get请求参数key是params,但如果是post方式,应该是dat...原创 2018-12-10 10:47:55 · 2506 阅读 · 1 评论 -
vue-element-admin我踩的坑(1)
作为vue-element-admin萌新,最近在做个后台管理系统,踩了不少坑,记录一下。router,route问题在template里面,如果某个页面元素需要跳转到其他页面,那么需要用router-link把元素包起来,如<router-link :to="'/abc/ + id'"><el-button type="primary">跳转</el...原创 2018-12-10 10:26:14 · 4131 阅读 · 2 评论 -
vue-element-admin我踩的坑(5)
清空文件上传框问题<el-form id="upload-form"ref="data-form"........><inputid="upfile"name="file"type="file" @change="handleFile($event)"></el-form>一开始使用oute原创 2018-12-13 15:07:05 · 513 阅读 · 0 评论