当前位置: 首页> 健康> 知识 > 上市公司网站推广方案_最近中文字幕视频2019一页_免费网站建站平台_针对大学生推广引流

上市公司网站推广方案_最近中文字幕视频2019一页_免费网站建站平台_针对大学生推广引流

时间:2025/7/13 7:48:23来源:https://blog.csdn.net/weixin_66557048/article/details/144688556 浏览次数:0次
上市公司网站推广方案_最近中文字幕视频2019一页_免费网站建站平台_针对大学生推广引流

1、展示部分

<template><el-select v-model="addForm.companyName" filterable placeholder="请输入/选择公司名称" :loading="loading":filter-method="(value) => dataFilter(value)" @change="selectCompany"><el-option v-for="item in companys" :key="item.id" :label="item.name" :value="item.id" /><template #loading><el-icon class="is-loading"><svg class="circular" viewBox="0 0 20 20"><g class="path2 loading-path" stroke-width="0" style="animation: none; stroke: none"><circle r="3.375" class="dot1" rx="0" ry="0" /><circle r="3.375" class="dot2" rx="0" ry="0" /><circle r="3.375" class="dot4" rx="0" ry="0" /><circle r="3.375" class="dot3" rx="0" ry="0" /></g></svg></el-icon></template></el-select>
</template>

2.功能

<script setup>
import { onMounted, reactive, ref } from 'vue';
// 公司列表
const companys = reactive([])
const companylists= reactive([])
// loading状态
const loading = ref(false)
// 公司名称
const companyName = ref('')
// 筛选公司条件
const dataFilter = (query) => {if (query) {companyName.value = query;loading.value = truesetTimeout(() => {loading.value = false;companys= companylists.filter(item => item.name.includes(query)).slice(0, 10);}, 30)} else {companys.companys = []}
}
// 改变时修改
const selectCompany = (value) => {// value
}
</script>
关键字:上市公司网站推广方案_最近中文字幕视频2019一页_免费网站建站平台_针对大学生推广引流

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: