随笔分类 - 前端编程知识
摘要：一般情况下给input标签设置autofocus属性是可以实现自动获取焦点的。 难点在于el-input的结构是input标签外面增加了一层el-input_wrapper。所以一般情况，给他设置autofocus属性是不会成功的。 【解决方案】 1.给el-input设置ref属性 2.将inpu
阅读全文
摘要：$router.push 在 Vue Router 中可以用来导航到不同的路由，并且你可以在其中添加参数。这些参数通常被称为“查询参数”或“路由参数”。 查询参数：这些是添加到 URL 末尾的参数，通常用于向服务器发送某些信息，但不会被包含在路由定义中。查询参数是通过 query 属性来传递的。 例
阅读全文
摘要：vue3需要nodejs在16以上，原本我使用的12版本。 版本可以使用 node -v 查看 网上查询使用的是 安装n模块更新。但我尝试之后发现在windows上不行， 需要去nodejs官网，下载最新的稳定版。 然后进行安装覆盖。
阅读全文
摘要：给表头和表格加竖线 在el-table上面加上 :header-cell-style="{'border-right':'1px solid #EEEEEE'}" :cell-style="{'border-right':'1px solid #EEEEEE'}"
阅读全文
摘要：当我给下拉框赋值初始化的时候，下拉框却显示id，不显示我的文字 原因是 这个id值为数字，正常应该是字符串，所以，应该转成字符串 然后就可以正常显示了
阅读全文
摘要：单选框的取值类型一般有两种，一种是字符串，一种是数字型。两者在使用上有区别 数字型 <el-radio :disabled="true" v-model="meetingType" :label="1" >线上会议</el-radio > <el-radio :disabled="true" v-m
阅读全文
摘要：这两个都是vue3引入的响应式数据的api。 但也有区别： 1.ref一般后面跟的是基础数据类型。 而reactive一般都是 对象或者数组 。 示例如下： //基础类型：number const count: Ref<number> = ref(0);//实例对象 const data=react
阅读全文
摘要：这里使用的是fastmock，找到官网 这里声明了一个名称是test，基础路径是/api的接口 点击右侧的箭头进入。 界面右侧有一个蓝色的新增接口 按钮，点击一下。 输入接口内容，实例如下： 保存即可。 这时在前台 根地址+接口地址 就是完整的mock路径
阅读全文
摘要：//把日期格式转换成数字形式 function changeTime(currentTime) { // currentTime 代表2021-07-16 09:00:00 传参 if (currentTime.indexOf(':') < 0) { currentTime = currentTim
阅读全文
摘要：首先，它们是在组件复用的过程中使用。 import引用其他组件的值，而export则是暴露自己的成员变量供其他组件调用接收。 在一个组件中，可以同时使用export和export default。 1、export default 向外暴露的成员，可以使用任意变量来接收 2、在一个模块中，expor
阅读全文
摘要：定义变量的关键字不同于js里面的var 而是const 新建adu.ts const str='Hello World'; console.log(str); 使用 tsc adu.ts 就可以将typescript转化成javascript。可以看到const变成了var 然后编译js代码 nod
阅读全文
摘要：一般情况下在谷歌对标签使用 contenteditable:true; 可以实现对标签的文字编辑 但是在IE下如果直接对表格 td 标签使用则无效 解决方案是 在 td 中添加可编辑的div元素 <div contenteditable="true" style="width: 100%; heig
阅读全文
摘要：var reg = /\\/g; var res = path.replace(reg,'\\\\'); 使用replace加正则表达式解决
阅读全文
摘要：$emit : 子组件触发父组件方法 ref : 父组件调用子组件方法 现在有父子组件分别如下： Parent.vue <template> <div> <span>这里是父组件</span> <Child ref="child" v-bind:parentValue="parent" @editV
阅读全文
摘要：.prevent用来阻止浏览器的默认行为 1.超链接跳转，比如 <a href="http://www.baidu.com" @click.prevent="dosomething"/> 2.form标签的submit点击后导致的页面刷新 3.网页 右键菜单 等
阅读全文
摘要：V-bind //一般绑定data中的数据，用于响应式更新数据 V-if //根据true或false来决定是否显示 V-on //监听Dom事件，比如点击 V-show //跟v-if类似，但html元素依然存在，相当于display:none V-html //插入html V-for //循环
阅读全文
摘要：创建（Create） =》挂载（Mount）=》 更改 （Update） =》销毁 （Destory） 那么对应的 beforeCreate：此时 data和method没有初始化。没有赋值也没声明函数 Created：此时data和method才初始化。那么可以调用值和函数了 beforeMoun
阅读全文
摘要：首先看实例 var arr=[["1","4"],["2"],["3","5","6"]]; var res=[]; //法一：使用forEach arr.forEach(function(child,index){ if(child.length>1){ res.push(index); } })
阅读全文
浙公网安备 33010602011771号