2024年11月29日
Vue中的嵌套路由
摘要： 一、Vue中的嵌套路由 1.App.vue中的代码 <template> <div id="app"> <router-view/> </div> </template> 2.router/index.js: children中的子路由，path 不加 '/',访问main,先获取main对应的组件 阅读全文
posted @ 2024-11-29 11:56 白头吟 阅读(80) 评论(0) 推荐(0)
Vue实现登陆时token存放到Vuex
摘要： 一、Vue实现登陆时token存放到Vuex 1.登录页面 <template> <div> <h1>登录</h1> {{ $store.state.token }} <el-form ref="form" :rules="rules" :model="form" label-width="80px 阅读全文
posted @ 2024-11-29 11:29 白头吟 阅读(120) 评论(0) 推荐(0)
2024年11月27日
Vue的ref与$refs
摘要： 一、Vue的ref与$refs 通过this.$refs获取对应的DOM元素 对应代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device 阅读全文
posted @ 2024-11-27 15:40 白头吟 阅读(17) 评论(0) 推荐(0)
elementUI的弹出层dialog中.sync的使用
摘要： 一、elementUI的弹出层dialog中.sync的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi 阅读全文
posted @ 2024-11-27 14:18 白头吟 阅读(230) 评论(0) 推荐(0)
2024年11月26日
vue2.0插槽的使用
摘要： Vue2.0插槽的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文
posted @ 2024-11-26 10:41 白头吟 阅读(21) 评论(0) 推荐(0)
2024年11月14日
Vue2.0的v-model指令
摘要： Vue2.0的v-model指令 v-model="属性" 写在标签中上，相当于在一个标签上，同时写了 :value='属性值' @iinput='handler' ，而handler对应的函数如果没有声明，就是给该属性值赋值的setter函数 代码一： <!DOCTYPE html> <html 阅读全文
posted @ 2024-11-14 10:43 白头吟 阅读(186) 评论(0) 推荐(0)
Vue2.0计算属性
摘要： Vue2.0计算属性： 计算属性：通过计算得到一个属性，避免v-if和v-for出现在同一个标签上 与函数相比 计算属性： 使用mounted操作了data中的数据，只要操作的data数据不变， 计算属性使用多次，也不会重新进行计算，依然使用第一次计算的结果 函数： 使用mounted操作了data 阅读全文
posted @ 2024-11-14 10:27 白头吟 阅读(101) 评论(0) 推荐(0)
2024年10月9日
js基础篇一
摘要： JavaScript html 骨架 CSS 血肉 js 行为 JavaScript:是一种运行在客户端(浏览器)的一种编程语言，实现人机交互 弱类型的语言 作用： 网页的特效 表单验证 数据交互(ajax) js书写的位置 行内 写 在开始标签里 内部 写在script标签里 （写在</body> 阅读全文
posted @ 2024-10-09 13:49 白头吟 阅读(29) 评论(0) 推荐(0)
2024年9月12日
jQuery的高级事件处理
摘要： jQuery的事件委托 操作案例 建立一个简单的影集，影集中会显示一组照片，点击添加连接会有更多的图片 当用户把光标移动到每一张照片时，会显示对应的文字 相关html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2024-09-12 22:23 白头吟 阅读(11) 评论(0) 推荐(0)
jQuery高级选择符与遍历
摘要： 1.HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 阅读全文
posted @ 2024-09-12 15:55 白头吟 阅读(12) 评论(0) 推荐(0)