随笔分类 - Vue
摘要:Vue 滚动播放组合函数 import { onMounted, onUnmounted } from "vue"; export function createScroll(tableRef) { let timer = null; function startScroll() { const t
阅读全文
摘要:代码 export function useDragMouse(dom, container) { let containerX = 0; let containerY = 0; let startX = 0; let startY = 0; function dragPage(e) { conta
阅读全文
摘要:代码 <template> <div> <table class="data-table" v-if="arrLen > 0"> <tr v-for="index of arrLen" :key="index + 'x'"> <td :class="[currentIndex == (index *
阅读全文
摘要:1、效果 2、组件代码 <template> <div style="width: 370px"> <div> <el-input placeholder="输入关键字进行过滤" v-model="filterText" >></el-input > </div> <el-tree :data="t
阅读全文
摘要:代码 import { onMounted } from "vue-demi"; export default { setup() { const resize = () => { let w =document.documentElement.clientWidth document.body.s
阅读全文
摘要:1、环境要求 2、项目创建 2.1 项目创建命令 vue create vue3 2.2 配置选择 根据个人爱好 选第三项 自己配置 配置如下 (上下切换选项 空格选中和取消) 回车下一步 具体设置如下图 根据个人需求选择 没有对于错 不要纠结 回车下一步 项目生成 3. vuex TypeScri
阅读全文
摘要:1、Ts起步 环境安装与基本代码 1.1 node.js 可以官网安装 也可以腾讯软件安装 1.2 TypeScript 编译器安装 npm i typescript -g 1.3 ts文件创建和编译 执行tsc -init 初始化出一个tsconfig.json 配置文件 新建一个后缀为 '.ts
阅读全文
摘要:1、html <div class="table-container"> <table class="data-table"> <thead> <tr class="data-table-header"> <th style="width: 120px">预警时间</th> <th>单位名称</th
阅读全文
摘要:1、原因 先初始化了选中得keys ,后期初始化得树节点无法被设置 2、代码 <el-tree :data="data" show-checkbox node-key="id" :default-checked-keys="selectedArr" @check-change="handleChec
阅读全文
摘要:1、执行“npm run build" 打包项目文件 2、安装iis 查看电脑是否安装iis ,未安装则打开”控制面板“ ——>”程序“——>"启用或关闭windows功能",根据需求选择安装,如下图 3、打开iis 管理器 4、添加网站 右击网站,打开添加网站界面,设置网站名称,物理路径选择你bu
阅读全文
摘要:一、路由简单示例 HTML <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> <div i
阅读全文
摘要:一、Prop 1、Prop的大小写 HTML大小写不敏感,所以camelCase命名prop在使用DOM中的模板时,应用等价的kebab-case 2、Prop的类型 string number Boolean Array object Function Promise 3、传递静态或动态Prop
阅读全文
摘要:一、基本指令 1、v-text;2、v-html;3、v-pre;4、v-cloak;5、v-once;6、v-if;7、v-else;8、v-else-if;9、v-show;10、v-for;11、v-bind;12、v-model 二、属性 1、数据相关 data:Vue的实例数据对象;com
阅读全文