随笔分类 -  Vue

摘要:vue之表单处理(一) 实验介绍基本用法文本多行文本单选按钮复选框多个复选框选择框 实验介绍 在日常的开发中,表单随处都被使用到,如:登录,问题反馈功能等。对表单的数据收集和绑定也是很常规的工作。在一般开发中处理表单,需要通过操作 DOM 来实现,是一个相对繁琐且低效率的工作。然而在 Vue 项目中 阅读全文
posted @ 2023-04-01 20:20 Python喵 阅读(85) 评论(0) 推荐(0) 编辑
摘要:Pinia优势 Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ,只有 state, getter 和 action ,简化状态管理库 不需要嵌套模块,符合 Vue3 的 Composition api,让代 阅读全文
posted @ 2022-09-21 11:39 Python喵 阅读(206) 评论(0) 推荐(0) 编辑
摘要:在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: 1. <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' 阅读全文
posted @ 2022-08-24 16:27 Python喵 阅读(294) 评论(0) 推荐(0) 编辑
摘要:1.使用ref修改$refs:在Vue中,父组件可以通过 $refs来管理通过ref注册过的所有子组件,即 $refs对象下可以包含很多 $ref对象. 创建两个组件分别是父组件:aaa.vue 子组件:bbb.vue 父组件操作(aaa.vue)在子组件上添加ref=“child”命名。给按钮添加 阅读全文
posted @ 2022-08-05 15:39 Python喵 阅读(4243) 评论(0) 推荐(0) 编辑
摘要:给input 标签内加 ref="inputName "然后在想要执行的地方写 this.$refs.inputName.focus()举例: 如果想要打开这个页面的时候让光标显示到input框内 就要在mounted中加 如果想在执行事件之后让光标显示到input框内就加在事件中 阅读全文
posted @ 2022-07-20 15:10 Python喵 阅读(2668) 评论(0) 推荐(0) 编辑
摘要:new Vue({ el: '#app', i18n, store, router, data () { return { address:'' } }, components: {App}, template: '<App/>', mounted () { window.vue = this }, 阅读全文
posted @ 2022-07-09 17:39 Python喵 阅读(2589) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示