随笔分类 - Vue相关知识
Vue基础,高阶及工作中遇到的难点.
摘要：问题来自朋友...记录一下 需求是表格头部后端返回的数据中是不确定的 n维数据,表头存在于 listVo 字段中,如何实现层层显示呢? 温馨提示,以下内容为5张大图,请打开 WIFI 享用... 以下为效果图: 以下为数据结构: 解决方法一:最笨的方法,有几层就循环几层,你们愿意用就用啊,我要讲新方
阅读全文
摘要：需求很简单,实现很容易,日常记录一下 templace代码: data数据声明: me'thods方法:
阅读全文
摘要：今天的需求是这样的,点击按钮,弹出一个Popover 弹出框 然后老大说,把弹出框往下移移,box-shadow值设的大一些... 然后就查看elenent的Popover文档,并没有方法,而且这个组件修改样式需要 定义popper-class 来为 popper 添加类名 然而发现修改不了样式,查
阅读全文
摘要：此文记录初次学习Vue的一些记要,可做为参考,导图有些生涩,故意不再加以修复完善,以持初心!
阅读全文
摘要：我们在做一个项目，登录注册页面是少不了的，为了人机校验，验证码也是必须的 我的这个项目获取验证码，前端发送一个随机四位数给后端，后端返回一张图片，前端渲染就可以 template代码： data数据声明： mounted数据加载完执行方法： 1 mounted() { 2 // 得到验证码图片 3
阅读全文
摘要：项目中有选择省市县的需求,先选择省,再选择县 解决这个需求也不是很难,总体思路就是看后端接口, 一般后端接口都是请求参数为 0 返回省的数据,不为 0 的话返回相对应的市的数据 template代码: script代码： data数据声明： 通过判断 region_id 来发请求获取数据 metho
阅读全文
摘要：vue项目中用到了富文本编辑器，网上找了一些，觉得vue-quill-editor最好用， ui简洁，功能也好配，够用了，文档不好读，有些小细节需要自己注意，我懒得分析，就封装成了组件 大家用的时候直接cope组件，但是不要cope文章呀~~~ 需要注意的是编辑器保存的格式，我们在用div展示的时候
阅读全文
摘要：这个功能难度感觉一般般吧,记录一下,以后碰到了直接来复制,懒得再写了 效果如下: 前6列是合并,后面的有几行,动态显示几行 重点是在数据处理上面做文章,合并列大家都会,数据处理呢?这样来处理, 我们拿到从后端返回得到数据后,对其进行二次处理:,如下: 好了,你学会了吗?有任何问题欢迎留言哦
阅读全文
摘要：我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码, 自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,我的代码必须由我控制,下面是解决方案: 解决方法:只需要在每个input框前面加一
阅读全文
摘要：当子组件接收父组件传过来的值的时候,我们一般有两种方式来接收 不过大家好像都用第二种方式,我只有在不确定数据类型的时候才用第一种方式 第一种: 第二种:
阅读全文
摘要：需求是这样的...... 具体实现,前端拿到后端返回回来的数据,然后通过Blob实现下载,文件内容样式啥的都是后端写的 script代码: 这里的data就是后端返回回来的数据,此方法兼容IE
阅读全文
摘要：需求是这样的,之前我也写过,就是前端渲染的表格数据是动态渲染表格的行和列, 那么就必然出现了一个问题,当列超过一定的个数的时候,会出现横向滚动条, 那么怎么让表格整体看起来自然协调一些呢,老大要求表格的单元格宽度根据内容动态计算,最大200px, so 干吧 template代码: min-widt
阅读全文
摘要：说实话,我一开始也不知道什么叫按需加载组件,组件还可以按需加载???后来知道了 学不完啊...没关系,看我的 按需加载组件,或者异步组件,主要是应用了component的 is 属性 template中的代码: 这里的每一个按钮,都要显示不同的组件,所以我让他们使用了同一个方法名 script中的代
阅读全文
摘要：项目中,发现有多个页面的数据内容相同,只是请求数据的参数不同,就可以使用同一个组件来渲染 这里的客户列表 / 我负责的 / 我参与的 都使用同一个组件,不同点在请求数据的参数 可以看到,通过钩子函数,判断路由name,从而修改请求参数,来得到不同的数据内容 这里需要注意三个地方: 1.路由设置 配置
阅读全文
摘要：没有什么问题是 for 循环解决不了的,如果有,那就再加一层 for 循环！我一直深信这句话,当然这句话也是我说的 父组件引用多个相同的子组件传值问题 (这种情况很少遇到) 1 <template> 2 <div> 3 <span v-for="(item,index) in items" :key
阅读全文
摘要：动态创建form表单,网上有插件 (form-create) 不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言. 最后我使用了笨方法,针对各个表单写好通用的组件，然后根据type用v-if来渲染对应的表单,数据，事件什么的都可以动态的传进去,比较好用 动态生成表格的行和列,主要是要
阅读全文
摘要：项目中点击按钮实在太多了,怎么办呢?我们就可以将它们制作成像下拉框那样的类似操作 1.HTML样式部分:关键点在于command 方法和属性 2.Javascript部分:分别设置每个按钮的各自方法
阅读全文
摘要：我们在修改element的一些样式的时候,在加了scoped的时候会不起作用,下面是解决方案: 解决方法:起一个类名将页面包裹起来,后面加 /deep/ <style scoped> </style>
阅读全文
摘要：默认滚动条是在下边的,不好看,这里改一下 修改样式.完美解决:
阅读全文
摘要：本来呢,开开心心的写完了这个功能,然后发现elemeng更新了,增加了日历组件这个功能 我的内心机器奔溃,但是,element的日历组件太简单了,我感觉还是手撸一个吧,毕竟也不是很难 实现了显示农历,备注功能,点击某一天为某一天添加备注的功能... 引用的是他人写好的组件: https://gith
阅读全文
浙公网安备 33010602011771号