随笔分类 - vue
vue3 watch
摘要：https://cn.vuejs.org/api/reactivity-core.html#watch:~:text=当使用 getter 函数作为源时，回调只在此函数的返回值变化时才会触发。如果你想让回调在深层级变更时也能触发，你需要使用 { deep%3A true } 强制侦听器进入深层级模式
过滤树，返回符合条件的节点以及它的上级节点，以及是否保留它的下级节点
摘要：const filterReceiveDeptTree = computed(() => { if (state.filterText) { let deepclone = deepClone(state.receiveDeptTree); const filteredTree = filterTr
vue 模拟滚动条循环滚动
摘要：``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间：{{ item.time }} 警情内容：{{ item.nr }} 出警处置情况：{{ item.cjczqk }} 警情处理结
el-tree 根据多个结果筛选树状图(增加checkbox勾选)
摘要：<template> <div class="wrapper-jjy"> <el-dialog title="接警员查找" v-model="jjyDialogVisible" :draggable="true" width="735px" height="300" :close-on-click-
el-tree 根据多个结果筛选树状图
摘要：右侧搜索根据条件查找到对应人，人再查询到对应部门。 <template> <div class="contact_tree"> <el-input v-model="filterText" size="small" placeholder="名称和电话过滤" clearable /> <el-tre
Vue 父子组件双向绑定
摘要：#### 子组件 <template> <div> <el-form :label-position="'left'"> <el-row :gutter="gutter"> <el-col :span="col"> <el-form-item> <el-input v-model="time.day
问题反馈，图片上传
摘要：<template> <el-dialog :visible.sync="dialogService" width="720px" class="dialog-customer-service"> <div class="txr-dialog"> <div class="txr-dialog-hea
Vue批量上传文件及实时进度
摘要：<template> <el-row> <el-col :span="12"> <el-upload class="upload-demo" ref="upload" :action="upload_url" drag multiple :auto-upload="false" :on-change
vue 阻止el-radio事件冒泡
摘要：原代码 <li v-for="(item, index) in listData" :key="index" @click="changeGame(item)"> <span><img :src="item.portrait" :alt="item.name" /></span> <span>{{
切換路由時更換成當前路由圖標
摘要：<template> <div class="sidebar"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="white" text-color=
Vue tab switch切换效果
摘要：vue2 中的实现 <template> <div> <div class="switch-box" :style="{ '--translatex': translatex }"> <div v-for="(item, index) in type" :key="index" @click="sw
jquery给当前点击子元素添加样式，新增vue版
摘要：###jquery 版本 <div class="part_2"> <div class="box active"> <div class="top">￥0.96/天</div> <div class="bottom"> <p>1个月</p> <p>￥29</p> <p>￥49</p> </div>
vue-cli webpack
摘要：创建项目： 选择项目所在的位置，通过命令行进入该目录（或者直接在该目录，右键，打开命令行）。 使用脚手架安装项目： vue init webpack demo 或者 vue init webpack-simple demo 项目是基于webpack的 Project name（工程名）:回车 Pro
