基本页面<div id="root"> <h2>人员列表</h2> <input type="text" p
原创
2022-12-21 10:23:32
187阅读
body： <!--
列表过滤 --> <div class=""> <!-- 模糊查询 --> <input type="text"
原创
2023-02-26 09:59:12
90阅读
一、需求描述实现一个搜索框： 1、输入关键字，按键抬起后可以实现查询功能； 2、下拉列表展示搜索结果，搜索结果中关键字要用特殊颜色突出显示，默认选中搜索结果的第一项； 3、可以按上下键切换选中项，按回车输出选中项； 4、单击组件之外的地方可以收起下拉列表；二、分析用到的插件 pinyin-match： 支持拼音全拼、简拼和汉字模糊匹配。 调用match方法，匹配成功返回数组([匹配到第一个字符的下
转载
2024-02-26 19:11:02
439阅读
目录1.使用watch属性实现列表过滤2.使用计算属性实现列表过滤3.总结这一小节我们来讲一下Vue的列表过滤，那么想要完成
原创
2022-08-23 09:43:28
149阅读
{id:'001',name:'马冬梅',age:19,sex:'女'},{id:'002',name:'周冬雨',age:20,sex:'女'},{id:'003',name:'周杰伦',age:21,se
原创
2023-12-13 11:22:15
3905阅读
<template> <div class="jz"> <div> <input type="text" v-model="searchName"> <ul> <li style="font-size: 16px" v-for...
原创
2022-10-13 16:59:15
85阅读
vue3+ts+ztree新公司 要用新技术 vue3+ts 一切从头学 最近要引一个树的插件 ztree 所以把遇到的问题 都记下来一、ztree找了无数个tree的插件，最后被ztree征服，主要是他的官网的demo简直太厉害了，想要的功能几乎都能复现出来，贴上网址：http://www.treejs.cn/v3/main.php#_zTreeInfo 我用到的功能就是拖拽 两棵树之间互相拖
关键词：v-for、 v-on 、v-model实现需求：循环数据、绑定事件、数据的双向绑定了解：Vue.js 设计思想、Vue.js 的基础语法注意：v-on:click 一、实现通过 input 框向“正在进行”的列表中增加列表项内容使用：v-for //创建一个Vue实例，加上对应的 el 和 data 数据
//在dom元素加上vue的一个指令 v-for 用于循环多列数据
<
转载
2024-04-09 01:50:52
64阅读
本文仅讲解如何使用 Vue 创建一个实现分页、搜索、批量操作的列表组件，所以只提供此小组件的代码及说明，不提供其之外的代码或配置 github 地址： https://github.com/jothy1023/vue-component 使用到的技术或框架Vue.js (2.0)semantic UIlocalStorage 准备工作安装 Vue 2.0 (rc.6)引入 semant
Vue,品牌列表案例（仅添加,删除，搜索，全局过滤器，私有过滤器） 添加了时间过滤器（私有的） 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title
转载
2024-05-17 17:50:42
28阅读
效果：组件代码：<template> <div> <!-- 搜索框加按钮 --><el-input placeholder="请"se...
转载
2023-01-03 14:56:13
163阅读
Vue,品牌列表案例（仅添加,删除，搜索） 本节重点是把item， 变成了 search， 为的是能够进行动态查询 还有ES6的用法，数组的方法 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5
转载
2024-06-25 08:58:12
140阅读
一、状态共享使用Vue进行开发时，随着项目的复杂化，组件个数也逐渐增加，此时我们就面临着一个问题——多组件状态共享。也许有人说这不是啥问题，Vuex就可以解决啊。是的，Vuex可以解决多组件状态共享的问题，但是如果此时我们的项目没有那么大那么复杂，还要使用Vuex来解决这个问题吗？答案是否定的，因为这会导致代码繁琐冗余。那该怎么办？其实我们还可以通过vue.js2.6版本新增的Observable
转载
2024-04-26 13:42:15
27阅读
项目需求列表进入详情后再返回列表页，保留搜索条件，包含页码、分页、其他查询参数实现思路1.在详情页定义一个字段作为标识，存储在sessionStorage中mounted(){sessionStorage.setItem("searchFlag",true);},2.在列表页mounted中判断详情页定义的字段是否存在，如果存在为详情页返回的，读取缓存中的搜索条件，否则为初始状态mounted（）
原创
2022-09-06 15:45:12
4639阅读
介绍 接上篇，【搜索引擎（五）】局部敏感哈希，本篇介绍的也是一个不精确的算法，用来不精确地排除重复元素。 利用布隆过滤器，可以大大降低排重的时间。但是在实际中它的作用有限，还要结合其他的技巧才能达到较好的效果。另外，它本身不作为索引，如果不加处理地加以使用，在搜索引擎的快响应（小于1s）的目标中就不能扮演
转载
2023-08-17 22:42:31
64阅读
Vue 中的 列表过滤（watch实现 和 computed实现），列表过滤+排序；
原创
2022-12-02 15:00:30
299阅读
