logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue Router的路由模式 hash 和 history 的实现原理

Vue Router的路由模式hash 和 history 的实现原理1. hash 模式的实现原理:早期的前端路由的实现就是基于 location.hash 来实现的,其实他的原理很简单, location.hash 的值就是URL中 # 后面的内容如:[https://www.word.com#search](https://www.word.com#search) 它的location.ha

#json
vue3 中通过$refs 获取子组件数据

vue2 中获取子组件中的数据方法,可以使用 $refs ,但此方式在vue3中不适用了。问题: 点击删除行的同时修改表格中数据选中状态,需要通过 refs 操作表格中的数据。 具体代码如下:

#javascript#vue.js#前端
ElementUi中MessageBox的使用

MessageBox 和 Message不同于一般组件使用 先引入组件 import { 组件名 }再 vue.use(组件名);MessageBox 的用法:先引入组件import { MessageBox}在 vue原型上挂载confirmVue.prototype.$comfirm = MessageBox.confirmMessage 的用法:先引入组件import { Message}将

#elementui
全局引入 vant 后使用 Toast 的问题

Toast 的使用(官方):1.1引入import Vue from 'vue';import { Toast } from 'vant';Vue.use(Toast);1.2 使用Toast('提示内容')问题: 当全局引入 vant 时候,直接使用 Toast('提示内容')不会弹出提示框;解决: 全局引入vant 的时候 组件中使用this.$toast('提示内容')...

vue3 <script setup> 子组件的引入

在vue2中 引入子组件需要通过注册后方可在模板页面中使用。在 中声明的变量、函数、import 引入的内容,都可以直接在模板页面中使用引入组件:详见 使用组件

#前端#javascript#vue.js
ElementUI表单校验不生效

问题:vue中使用element-ui进行表单校验的时候,必填项按照规则输入,但是一直不通过,问题如下图:解决办法:出现问题的原因是 v-model 和 :model 的区别问题( v-model 通常是用于 input 的双向绑定,但是它不会向子组件传递数据; 而 :model 表示绑定自定义的属性,它只是将父组件的数据传递给子组件,没有实现父子组件间的数据双向绑定)。我在 form 表单中使用

#vue.js#elementui
到底了