vue
程序员修炼
大道至简,知易行难。
但行好事,莫问前程。
cxyxl66
程序员修炼
AI学习管家
程序员面试通
展开
-
vue中axios get,post方式传递数组参数,二维数组参数
vue中axios post方式传递数组参数,二维数组参数原创 2019-11-02 13:41:49 · 26179 阅读 · 1 评论 -
vue如何实现自定义表单
自定义表单是什么?自定义表单顾名思义就是由用户定义表单,由用户觉定标签和组件,决定要填写什么格式的数据,用过腾讯文档的收集表单的一定见过下面的页面,这就是自定义表单。自定义表单能做什么?典型的使用场景是信息收集表单或者是投票表单,上面的图片会对应的生成下面的表单,由其他用户填写,从而达到收集数据的功能。实现效果图:效果图如下,可以自定义文本,数字,单选按钮,多选按钮,下拉框等组件:...原创 2019-10-27 15:49:02 · 30674 阅读 · 14 评论 -
vue实现两个组件之间数据共享和修改
我们在使用vue开发过程中会遇到这样的情况,在父组件中引入了子组件,需要将父组件的值传到子组件中显示,同时子组件还可以更改父组件的值。以我目前的一个项目的开发为例,如下图页面:在父组件中,我引入了两个子组件,一个是左边的导航栏,还有中间的一个富文本编译器组件,当我点击左边导航栏时,中间的页面会切换,也就是改变引入的子组件。怎么实现呢,首先,设置在该页面index.vue中设置一个变量ind...原创 2019-10-26 15:51:04 · 8458 阅读 · 1 评论 -
Vue在前端实现搜索结果的高亮效果
在搜索中,为了给用户提供更加醒目的搜索结果,通常需要把用户搜索的关键词在搜索结果中高亮显示。当我们采用elasticsearch的时候,后端会加上需要高亮的标签进行处理,前段直接显示就可以了,但是当使用mysql等数据库时,后端返回的是原始数据,没有加高亮标签,需要在前端对搜索结果进行处理。先上效果图如图所示,分为全文搜索和高级搜索,全文搜索就是在全文中搜索关键词,并把关键词在全文中高亮显...原创 2019-10-15 16:53:12 · 5596 阅读 · 3 评论 -
Springboot+Vue实现像浏览器一样搜索下拉框的高频词推荐或历史搜索记录
最近在做法院的案件检索系统,需求中有一个需要做搜索下拉框可以提供历史高频搜索记录,并且可以根据输入自动匹配,就是像浏览器的搜索栏一样的效果。效果图:如图所示,根据输入的关键字自动匹配高频搜索记录,并按照搜索次数进行排序。实现过程:1.前段Vue部分:<el-row style="padding-top: 10px;"> <el-col style="wi...原创 2019-10-14 22:30:50 · 2031 阅读 · 1 评论 -
TypeError: Cannot read property 'xxxx' of undefined的解决方法
TypeError: Cannot read property ‘length’ of undefined原创 2019-10-12 21:51:53 · 91107 阅读 · 7 评论 -
vue实现页面跳转并传参的八种方法
我们知道,在vue中每个页面都需要在路由中声明,就是在router/index.js中写下面代码:import Vue from 'vue'import Router from 'vue-router'import Test from "../components/Test";Vue.use(Router)export default new Router({ mode: 'his...原创 2019-10-10 22:48:20 · 19528 阅读 · 1 评论 -
vue+element-ui处理文本中的\n和《br/》
在我们使用vue+element-ui开发web应用的时候,有的时候从数据库中获取到的数据包含换行符\n或者<br>标签原创 2019-10-10 16:24:55 · 5401 阅读 · 0 评论 -
Vue中文字只显示三行,超过部分收起的实现方法
我们在网站开发过程中经常会遇到需要显示很长的文本内容,但是如果这部分内容并不是用户所关心的,就会占据大量的页面空间,影响用户体验,也影响美观。我们通常的做法是将这段长文本收起,只显示三行或四行,如果用户想要查看完整内容,只需要点击展开即可显示全文,点击收起又可以隐藏多余的内容。这里介绍以下三种形式的实现方式:1.页面打开就显示文本内容2.页面打开就显示,通过v-for遍历列表内容3.页面打...原创 2019-10-09 22:51:16 · 16212 阅读 · 6 评论