随笔分类 -  Vue

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

点击右上角即可分享
微信分享提示