vue

vue中$bus的传参的坑

  • Post author:
  • Post category:vue

今天在做项目的时候碰见一个坑就是B页面有个点击事件需要触发完然后跳转到A页面，接着页面跳转过去后再A页面的create生命周期中利用on监听事件的改变，接着赋值给data里面某个数据，但是奇怪的问题是赋值成功后没有引起页面的同步更新，，，，，，，，，，，，，，，，，，， 终于找到一种解决方法，代码如下 转载于:https://www.cnblogs.com/cq1715584439/p/11560…

继续阅读 vue中$bus的传参的坑

vue任意两个组件的传值（事件总线）

  • Post author:
  • Post category:vue

父子组件之间的传值在某些场景下是比较麻烦的，前几天看到一个新的传值方式，我自己试了一下，感觉还是很方便的，在这里跟大家分享下 第一步，在main.js中挂载方法，代码如下 var bus = new Vue()//新创建一个实例，用以传值 Vue.prototype.bus = bus//挂载在vue的原型上 第二步，在传出值的组件中注册事件，带上需要传的值 <template> &l…

继续阅读 vue任意两个组件的传值（事件总线）

【vue】el-select 获取选中节点的对象

  • Post author:
  • Post category:vue

遇到的问题 在获取el-select选中的节点数据同时，还需要获取自定义加入的一些节点属性，若采用v-model绑定的参数进行获取，仅能获取到label值，获取不到属性。 解决办法 在获取 el-select 选中节点的节点数据时， 需要 :value=“item” item 为对象， 那么 必须 绑定 value-key=“id” <el-select value-key="id" v-m…

继续阅读 【vue】el-select 获取选中节点的对象

vue——4-v-text v-html v-cloak

  • Post author:
  • Post category:vue

v-text v-html <div id="enjoy"> <!--之后拼接文本会显示--> <p>{{msg}} lucy</p> <!--v-text往标签注入文本，之后拼接文本不会显示--> <p v-text="msg"> lucy</p> <!--不可以向里面添加html标签--> <…

继续阅读 vue——4-v-text v-html v-cloak

Vue实现的github搜索小案例

  • Post author:
  • Post category:vue

效果 前置知识 vue基础 axios es6基础语法 代码 index.html <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8" /> <!-- 针对IE浏览器的一个特殊配置，含义是让IE浏览器以最高的渲染级别渲染页面 --> <meta http-equiv…

继续阅读 Vue实现的github搜索小案例

Vue路由动态传参的三种方式

  • Post author:
  • Post category:vue

现有如下场景：点击列表中的某一个单元格跳转到对应列表的详情页，并携带参数，便于详情页获取数据 <el-table-column label="操作"> <template slot-scope="scope"> <el-button size="mini" type="primary" @click="goList(scope.row.id)">个人信息表<…

继续阅读 Vue路由动态传参的三种方式

nodejs基于vue的毕业设计选题阶段性资料管理系统

  • Post author:
  • Post category:vue

项目介绍 在各学校的教学过程中，vue过程管理系统是一项非常重要的事情。随着计算机多媒体技术的发展和网络的普及。采用当前流行的B/S模式以及3层架构的设计思想通过nodejs技术来开发此系统的目的是建立一个配合网络环境的vue过程管理系统的平台，这样可以有效地解决vue过程管理系统混乱的局面。 目录 1 绪论 1 1.1课题背景 1 1.2课题研究现状 1 1.3初步设计方法与实施方案 2 1.4…

继续阅读 nodejs基于vue的毕业设计选题阶段性资料管理系统

Vue文本json对比vue_code_diff

  • Post author:
  • Post category:vue

vue_code_diff 居中的图片: <!-- diff差异 --> <el-dialog top="2vh" width="70%" title="差异" :visible.sync="showDiff" append-to-body > <div style="display: flex;"> <div style="flex: 1;"> &…

继续阅读 Vue文本json对比vue_code_diff

基于springboot+Vue的学生实践管理平台开发

  • Post author:
  • Post category:vue

使用者：管理员用户 目的：查看每个教师的详细信息 基本事件流： 1）用户进入查看教师信息界面，本用例开始； 2）点击老师姓名，查看具体信息； 3）切换到其它界面时本用例结束。 3.1.2 查看学生信息 使用者：管理员用户 目的：查看每个学生的详细信息 基本事件流： 1）用户进入查看学生信息界面，本用例开始； 2）点击具体学生，查看信息； 3）切换到其它界面时本用例结束。 3.1.3 修改教师信息 …

继续阅读 基于springboot+Vue的学生实践管理平台开发

【Abp VNext】实战入门（五）：【6】前端管理界面 vue-element-admin —— 通过Access_Token获取用户基础信息

  • Post author:
  • Post category:vue

一、前言 通过账号密码信息从 https://localhost:44349/connect/token 获取的结果只有Token相关信息，没有用户基础信息，连用户编号ID都没有； 可用使用token从 https://localhost:44349/connect/userinfo 获取用户基础信息； 这个接口也是隐藏的没有在 Swagger中显示 二、步骤 1、request.js 接口请求中…

继续阅读 【Abp VNext】实战入门（五）：【6】前端管理界面 vue-element-admin —— 通过Access_Token获取用户基础信息