logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue ts 子组件使用Emit给父组件传值

vue ts 子组件使用Emit给父组件传值在子组件:中使用 this.$emit(‘getChildInput’,value)函数给父组件传值,父组件:使用 @getChildInput="getChildInput"来接收传过来的值,其中"getChildInput"为接收的方法,需要自己定义,其中参数为子组件传过来的值,具体用法见代码实现。子组件<template><div

vue ts父组件使用ref调用子组件的方法或获取子组件的值

vue2.0 ts父组件使用ref调用子组件的方法和值父组件中用ref绑定子组件,然后通过this.$refs.名字就可以获取子组件的值或调用相关方法。父组件<template><div><div class="parent"><h1>父组件名字:{{parentName}}</h1><a-button type="primary"

Vue3+ts的setup()函数和<script setup>通过ref获取子组件值和方法的两种用法

一、setup()函数通过ref获取子组件的值或方法父组件<template><div><Child ref="childRef" /></div></template><script lang="ts">import { onMounted, ref, reactive, nextTick, toRefs, computed

#javascript#vue.js#前端
Vue2+Ts之Provide / Inject用法

Provide / Inject的定义Provide / Inject: 父级组件向其所有子孙后代注入一个依赖(@Provide ),不论组件层次有多深,都可以通过(@Inject)接收父级组件传过来的任何类型的值,并在其上下游关系成立的时间里始终生效。最近在写项目的时候,常需要对多个子组件的表单进行编辑/查看模式的切换,一开始用Prop进行传值进行控制,当组件多的时候使用Prop还是挺繁琐的,这

#vue.js#javascript#typescript
Vue3+Ts<script setup>组合式API的Prop、Emit、Computed、WatchEffect、Watch、Provide/Inject、Ref用法

一、页面效果图二、父组件代码<template><div class="user-box"><div><h2>父组件:</h2><p>propRef:{{ propRef }}</p><p>propReactive:{{ propReactive }}</p></div><

#javascript#vue.js#前端
Vue3+Ts的setup()函数的Prop、Emit、Computed、WatchEffect、Watch、Provide/Inject用法

Vue3的setup()函数的Prop、Emit、Computed、WatchEffect、Watch、Provide/Inject用法

#vue.js#前端#typescript
Vue动态添加、删除对象属性

最近对对象相关操作处理比较多,然后发现对象还可以这么玩let student = { id: 1, name: '学生1', class: '001' };//通过student['对象新的属性key']来给对象添加新的属性student['sex'] = '男';student['age'] = 18;console.log(student);//通过delete可直接删除对象的属性delete

#javascript#vue.js
Vue在页面和方法中分别通过遍历对象获取对象的键(key)和值(value)

最近通过对对象相关知识的深入学习,我发现对对象的遍历主要分为两种情况,一种是在页面中遍历,另外一种是在方法中遍历对象,现在我们就从这两种情况分别来遍历对象获取对象的key和value。情况一:在页面中遍历对象获取对象的键和值定义一个变量obj:object={a:1,b:2,c:3};//用于在页面中调用在页面中使用v-for遍历出对象的key和value<div><h1>

JS实现轮播图的三种简单方法。

Js实现轮播图01实现思路这可能是轮播图最简单点的实现之一,通过更改图片的src来实现该效果,首先需要将图片命名格式统一比如pic01.jpg,pic02.jpg…,再通过js使用定时器去改变img标签里面的src图片链接的名字来实现切换效果。代码如下:实现效果<!DOCTYPE html><html><head><meta charset="utf-8"

#javascript#css#html
[antdv: FormModel] model is required for resetFields to work

今天在用Vue+ant的UI框架进行表单绑定的时候出现报错 Warning: [antdv: FormModel] model is required for resetFields to work.通过不断测试才发现是因为没有在表头使用:model="xxx"进行数据绑定<a-form-model :model="form" :rules="rules" ref="ruleForm" :l

    共 12 条
  • 1
  • 2
  • 请选择