随笔分类 - 前端编程知识 / Vue
摘要：一般情况下给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路径
阅读全文
