11 2024 档案
摘要：一、Vue中的嵌套路由 1.App.vue中的代码 <template> <div id="app"> <router-view/> </div> </template> 2.router/index.js: children中的子路由，path 不加 '/',访问main,先获取main对应的组件
阅读全文
摘要：一、Vue实现登陆时token存放到Vuex 1.登录页面 <template> <div> <h1>登录</h1> {{ $store.state.token }} <el-form ref="form" :rules="rules" :model="form" label-width="80px
阅读全文
摘要：一、Vue的ref与$refs 通过this.$refs获取对应的DOM元素 对应代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
阅读全文
摘要：一、elementUI的弹出层dialog中.sync的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
阅读全文
摘要：Vue2.0插槽的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
阅读全文
摘要：Vue2.0的v-model指令 v-model="属性" 写在标签中上，相当于在一个标签上，同时写了 :value='属性值' @iinput='handler' ，而handler对应的函数如果没有声明，就是给该属性值赋值的setter函数 代码一： <!DOCTYPE html> <html
阅读全文
摘要：Vue2.0计算属性： 计算属性：通过计算得到一个属性，避免v-if和v-for出现在同一个标签上 与函数相比 计算属性： 使用mounted操作了data中的数据，只要操作的data数据不变， 计算属性使用多次，也不会重新进行计算，依然使用第一次计算的结果 函数： 使用mounted操作了data
阅读全文
