文种玉 - 博客园

2021年7月14日

摘要：笔记一传参链接 <router-link to="/home/message/detail/12?title=张三">detail</router-link> //12 为params 参数传递形式 //title 为query 参数传递形式路由形式 path:'detail/:id', //p 阅读全文

posted @ 2021-07-14 22:48 文种玉阅读(733) 评论(0) 推荐(0) 编辑

Vue中路由的链接跳转分析

摘要：显示子路由组件的界面 <router-view></router-view> 声明式导航 <router-link to="跳转的相对路径"></router-link> 相当于 <a href="跳转的路径"></a> 编程式导航 this.$router.push(path) 用法类似于原生中的阅读全文

posted @ 2021-07-14 00:56 文种玉阅读(728) 评论(0) 推荐(0) 编辑

2021年7月13日

Vue中插槽的使用

摘要：默认插槽没有给插槽定义name属性的插槽为默认插槽具名插槽带name值的插槽为,具名插槽案例演示 APP.vue <template> <SlotTest>  <h3 slot="name1">{{title}}</h3>  <slot>1 阅读全文

posted @ 2021-07-13 23:32 文种玉阅读(384) 评论(0) 推荐(0) 编辑

Vue中的自定义事件(子向父传递数据)

摘要：一.DOM事件分析 - 原生DOM事件 - 1.绑定事件监听如: div.onclick = () = > {} - 目标元素 div - 事件名称 click - 回调函数 ()=>{} - 2.调用事件(也称分发事件) - 当我们对目标元素进行相应的操作的时候,浏览器会自动的调用对应的事件 - 阅读全文

posted @ 2021-07-13 19:46 文种玉阅读(269) 评论(0) 推荐(0) 编辑

关于vue的深度监视模板

摘要： watch: { todos: { handler() { localStorage.setItem("key", JSON.stringify(this.todos)); }, deep: true, }, }, 阅读全文

posted @ 2021-07-13 19:03 文种玉阅读(86) 评论(0) 推荐(0) 编辑

router-link:路由跳转,不会给服务器发送请求

摘要： router-link:路由跳转,不会给服务器发送请求阅读全文

posted @ 2021-07-13 16:19 文种玉阅读(224) 评论(0) 推荐(0) 编辑

Vue路由的最基本的使用

摘要： vue-router的基本使用在index.js文件中导入vue和vue-router 引入vue import Vue from 'vue' 导入vue-router import VueRouter from 'vue-router' 模块化机制，使用Router Vue.use(VueRou 阅读全文

posted @ 2021-07-13 10:00 文种玉阅读(106) 评论(0) 推荐(0) 编辑

2021年7月12日

ElementUI中自定义el-table-column的内容

摘要： <el-table-column sortable label="状态" prop="eu_status"> <template slot-scope="scope">{{ scope.row.eu_status == 1 ? '普通用户' : '管理员' }}</template> </el-ta 阅读全文

posted @ 2021-07-12 19:44 文种玉阅读(2039) 评论(0) 推荐(0) 编辑

将VScode添加到鼠标右键

摘要：在桌面上新建一个文件,取名xxx.reg 比如:add_shortcut.reg 往文件中添加如下脚本注意: 其中的路径为VScode的路径,代码如下 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\VSCode] @ 阅读全文

posted @ 2021-07-12 18:27 文种玉阅读(260) 评论(0) 推荐(0) 编辑

关于vue的插件与非vue的插件的使用

摘要：在vue_cli中,如果需要引入一个插件如果这个插件是vue的插件,那么需要在main.js中引入,并注册进去比如:element ui,Vuex,vue-resource都是属于vue的插件...使用的时候需要在main.js中导入并注册方可使用如果这个插件是非vue的插件,那么则直接在组件阅读全文

posted @ 2021-07-12 11:19 文种玉阅读(117) 评论(0) 推荐(0) 编辑