vue
文章平均质量分 89
vue项目开发过程中遇到的问题和解决方案的总结
本心_
行动派
展开
-
vue项目实现锚点定位功能
背景在html中使用id可以简单实现锚点坐标功能,如下:// 起点<a href="#mark">起点</a>// 终点<div id="mark">终点</div>但是此时在路由中会添加mark字样,看网上的帖子说由于vue项目用了router,用这个方法会跳转到其他页面,然而我这里并没有报错,顺利跳转到目标点了。。。当然还是寻求更好的方法。不直接用以上方法的原因主要有二:1.它影响路径,如果做数据提交或其他需要获取当前路原创 2020-07-17 17:09:56 · 2321 阅读 · 2 评论 -
前端面试题
这些都是血淋淋的教训希望大家引以为戒1.em,rem,px的区别,为什么要设置这么多长度单位?https://cloud.tencent.com/developer/article/1538359https://segmentfault.com/a/11900000075269172.restful架构是什么?restful API 设计规范?http://www.ruanyifeng.com/blog/2011/09/restful.htmlhttp://www.ruanyi.原创 2021-04-01 20:55:25 · 165 阅读 · 1 评论 -
Vue动态绑定class的两种方式
vue提供动态绑定class的方法,根据属性控制控制class的显示与隐藏。用法实例:<template> <div> <div :class="{testStyle:testComputed}">123</div> <div :class="{testStyle2:testMethod}">456</div> <!-- 传递参数,推荐使用methods控制,computed需要写闭原创 2020-09-15 10:56:53 · 2051 阅读 · 0 评论 -
vue+elementui 实现表格上移、下移和移除功能
需求:有时我们会面对类似这样的表格图中的上移,下移功能需求明显要求我们改变两行数据的顺序。在实际开发中这种功能一般由后台来做,因为列表数据一般从后台获取刷新。即是我们点击”上移“,向后台请求接口,后台将数据库表格中的项交换位置,再把新的数据返回,前端拿到数据,重新刷新表格数据。在此这篇博文仅设计到前端的数据处理及展示效果。因为我在开发过程中遇到了类似的需求,上移、下移功能不局限于表格,它也能是一个循环展示模块中的内容。核心的JavaScript方法是:splice对数组处理方法,删除或插..原创 2020-09-14 18:15:14 · 5153 阅读 · 1 评论 -
vue富文本编辑器vue-quill-editor的使用
1.安装quill-editor编辑器npm install vue-quill-editor --save2.在组件中引入(也可以全局引入,略有不同)import { quillEditor } from "vue-quill-editor";import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";3.template内容原创 2020-09-14 16:26:49 · 2274 阅读 · 2 评论 -
vue-router学习笔记
前言用vue-cli进行开发已经有一段时间,vue-router也常常会用到,但之前都是按需索取,并没有系统地学习过此插件,最近系统地学习了官网上的基础部分,把官网上的例子重新写一遍,故做出此篇总结。目录先放一张目录图(最右级的内容只是方便我去辨别这些内容,我觉得这就是这些内容的特征)以下每项内容都会提供一个完整的例子,例子内容与官网提供的例子大部分是一样的,但加上了注释,而且是一个可执行的html文件。起步在vue中实现路由配置的方式有两种,分别是声明式编程和函数式编程,两者的原创 2020-09-11 17:55:18 · 166 阅读 · 0 评论 -
Vue+Element-UI实现分页功能
为展示分页功能,配合element-ui的表格组件同时使用,最终的效果如图:1.在Element-UI官网上查找相应组件2.将相应代码放到项目的分页文件中,并作相应的整理表格代码及注释:分页组件代码及注释:js部分代码及注释:根据表格格式,list数组的格式是这样的:这里list的数据写死了,在实际开发中,list数据应该通过接口获取。可给list写一个获取数据的方法,注意方法实现的生命周期应该在created。具体实现demo:vue-test...原创 2020-06-15 17:52:12 · 3187 阅读 · 7 评论 -
在vue项目中使用Element-ui框架
1.搭建vue项目计算机环境:Nodejs+npm+vue本人目前使用的版本:使用vue脚手架(即vue/cli)创建项目,只需一行代码:vue create projectName网上有其他的创建方式,如:vue init webpack projectName两种方法创建出来的项目目录结构不相同,前者项目版本>3,后者项目版本是2.x,大家可根据自身需求选择对应的安装方式。目前第一种安装方式也是官网最新的安装方式。实例演示:如上图所示,第一个红圈即.原创 2020-06-14 23:59:09 · 5597 阅读 · 0 评论