文种玉 - 博客园

2021年7月13日

关于vue的深度监视模板

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

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

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

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

posted @ 2021-07-13 16:19 文种玉阅读(225) 评论(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 文种玉阅读(108) 评论(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 文种玉阅读(2109) 评论(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 文种玉阅读(263) 评论(0) 推荐(0) 编辑

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

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

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

2021年7月10日

Vue全局事件总线

摘要：目标: 实现A向B通信 1. 确定全局事件总线: 将vm对象作为事件总线挂载到vue的原型对象上 new Vue({ beforeCreate () { Vue.prototype.$bus = this } }) 2. A组件: 调用(分发)事件 this.$bus.$emit('xxx', da 阅读全文

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

2021年7月9日

修改vue的脚手架端口,默认打开,关闭eslint的检测

摘要：在vue.config.js中配置如下 module.exports = { lintOnSave: false, // 当保存时不进行eslint的检查 devServer: { open: true, // 自动打开 port: 8081, //修改启动的端口号 // 本身发的请求 http:/ 阅读全文

posted @ 2021-07-09 11:05 文种玉阅读(259) 评论(0) 推荐(0) 编辑

2021年7月8日

el-menu-item与router跳转到指定路由

摘要： ![](https://img2020.cnblogs.com/blog/1341065/202107/1341065-20210708192249635-2091859856.png) 阅读全文

posted @ 2021-07-08 19:23 文种玉阅读(2879) 评论(0) 推荐(1) 编辑

2021年7月7日

watch监听异步函数立即执行

摘要： <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title></title> <script src='../js/vue.js'></script> </head> <body> <div id='app'> 姓: <input type 阅读全文

posted @ 2021-07-07 20:29 文种玉阅读(772) 评论(0) 推荐(0) 编辑