摘要: 1. 环境准备 (1)初始化Vue项目 vue create my-app (2)运行项目 npm run serve 2. 组件封装 2.1 新建package文件夹 因为我们可能会封装多个组件,所以在src下面新建一个package文件夹用来存放所有需要上传的组件。 这里我们打算封装两个组件:t 阅读全文
posted @ 2022-05-24 09:36 三寸日光 阅读(579) 评论(0) 推荐(0)
摘要: vue 项目昨天还启动好好了,早上过来发现启动报错,报错内容如下 解决步骤 vue config.js 配置文件有问题,修改以后就可以正常启动了,修改内容如下 阅读全文
posted @ 2022-05-20 10:08 三寸日光 阅读(1694) 评论(0) 推荐(0)
摘要: 1、解决TS 和JS 冲突解决 tsc --init # 生成配置文件去修改配置文件 2、如何自动编译 tsc --watch 3、发出错误 tsc -noEmitOnError hello.ts 4、降级处理 通过tsconfig.json中去修改配置项 "target": "es2016", / 阅读全文
posted @ 2022-05-10 17:45 三寸日光 阅读(188) 评论(0) 推荐(0)
摘要: 1、安装VSCode https://code.visualstudio.com/Download 2、安装Node.js https://nodejs.org/en/download/ 3、安装TypeScript编译器 npm instrall -g typescript 4、写ts相关的代码, 阅读全文
posted @ 2022-05-10 11:09 三寸日光 阅读(163) 评论(0) 推荐(0)
摘要: 解意 fullscreen:全屏lock:锁定 实现效果 当加载时全屏幕锁定,不可触发任何事件、即使在有滚动条的情况下滚动事件同样禁止 加载显示在最上面的图层,盖住各个图层 阅读全文
posted @ 2022-04-19 13:57 三寸日光 阅读(694) 评论(0) 推荐(0)
摘要: 常见的组件中都是复选框,如果把复选框改为单选按钮,详细如下: 代码 <el-table :data="gatewayTableData " border class="table" ref="gatewayTable" style="margin-top: 10px" height="360" v- 阅读全文
posted @ 2022-04-19 10:09 三寸日光 阅读(2425) 评论(0) 推荐(0)
摘要: 一、 npm install --save vue-clipboard2 二、在main.js 中引入 import Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard) 三、页面中使用 <butto 阅读全文
posted @ 2022-04-18 18:01 三寸日光 阅读(882) 评论(0) 推荐(0)
摘要: 在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子 阅读全文
posted @ 2022-02-08 17:43 三寸日光 阅读(401) 评论(0) 推荐(0)
摘要: 1.this.$set实现什么功能,为什么要用它? 2.怎么用它? 3.应用场景 1.this.$set实现什么功能,为什么要用它? 当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$set()这个方法了,简单来说this.$set的功能就 阅读全文
posted @ 2022-02-08 17:30 三寸日光 阅读(389) 评论(0) 推荐(0)
摘要: 一、设置相对应table数据var tableData = [ { id: 1, id8: 'yellow', id9: 'xxxxx', }, { id: 2, id8: 'red', id9: 'xxxxx', }]; 二、设置相对应table数据 function initTable() { 阅读全文
posted @ 2020-10-27 11:19 三寸日光 阅读(631) 评论(0) 推荐(0)