随笔分类 -  Vue

vscode中vue3用户代码片段
摘要：#vsCode中配置vue3代码片段 ##1.找到设置-配置用户代码片段 ##2.新建全局代码片段 ##3.配置代码片段，vvv是代码片段快捷键 { "Print to console": { "prefix": "vvv", //代码片段的快捷键，自定义 "body": [ "<template> 阅读全文
posted @ 2022-09-16 16:51 胡同树下 阅读(1394) 评论(0) 推荐(0)
vue3生命周期写法案例
摘要：1.script标签内写法 <script> //按需引入所需方法 import { reactive, toRefs, onBeforeMount, onMounted,onBeforeUpdate,onUpdated } from 'vue' export default { name:'abo 阅读全文
posted @ 2022-09-16 14:35 胡同树下 阅读(277) 评论(0) 推荐(0)
vue3中.vue基本写法
摘要：1.script标签内写法 <script> // reactive 接收一个普通对象然后返回该普通对象的响应式代理，等同于2.x的Vue.observable // toRefs将响应式对象转为普通对象 import { reactive, toRefs } from "vue"; export 阅读全文
posted @ 2022-09-16 14:32 胡同树下 阅读(439) 评论(0) 推荐(0)
vue路由传参
摘要：1.声明式导航（router-link) <router-link to="/login">登录</router-link> 2.编程式导航（$router.push|replace) params:属于路径一部分，需要占位 { path:'/search/:keyword?', component 阅读全文
posted @ 2022-09-07 10:49 胡同树下 阅读(34) 评论(0) 推荐(0)
element-点击表格某一行携带参数跳转到另一个页面-路由携参
摘要：1.应用场景示例 （1）在任务下发界面，点击查看巡检结果，携带tsakId，times跳转到任务结果界面，查询任务对应的任务结果 （2）任务结果页面 2.实现方法及步骤 （1）通过el-table，添加操作列 <el-table-column align="center" fixed="right" 阅读全文
posted @ 2022-09-07 09:48 胡同树下 阅读(2759) 评论(0) 推荐(0)
vue回车键登录
摘要：1.(html)登录按钮 <button @click="loginButton" @keyup.enter="keyDown(e)">登录</button> 2.登录方法 methods:{ login(){ //这是登录方法 } } 3.键盘弹起方法 methods:{ keyDown(e) { 阅读全文
posted @ 2022-09-02 10:49 胡同树下 阅读(254) 评论(0) 推荐(0)