vue子组件给父组件传属性

vue子组件给父组件传属性,第1张

子组件通过this.$emit('update:属性名',属性值)修改父组件的值

使用sync方法获取修改后属性

子组件在传值的时候,选用input,如this.$emit(‘input’,val),在父组件直接用v-model绑定,就可以获取到了

子组件的this.$emit('change', orgCode)会触发父组件change事件

在图1中,有一个button-group,如果我们想让他保持一定的状态,即点击'3日'后,下方出现相应的图标,这个'3日'的button一直保持亮度。该如何做呢?

在图2中,我们发现,element-ui给定的button type其实有很多的,只要在我们点击处罚button的事件的同时,修改button的type就行了。

在vue中,有一个很方便的dom方法,就是ref

我们给每个button一个特定的ref值。需要修改的时候,我们在这个button的时间里,给每个button的type一个特定值就行了。

如果,这样,我们就能观察到确实修改了button的type属性并且有效果,但是打开浏览器的console(F12)我们就会发现,出现了很多报错:

报错的内容根据字面含义可以知道,如果我们修改这个type的话,父组件也会发生变动。这个方法并不成立。同时,报错的内容里面,给我们提供了修改的方法,就是用data或者computed来保存一个临时的属性。

HTML:

JS:

这样,就没有错误了。

不清楚你的实际文件/情况,仅以问题中的样例/说明为据;以下代码复制粘贴到记事本,另存为xx.bat,编码选ANSI

@echo off

rem 将一个指定快捷方式的目标项后面参数/属性值中的指定字符串内容替换/修改为其他字符串内容

set #=Any question&set @=WX&set $=Q&set/az=0x53b7e0b4

title %#% +%$%%$%/%@% %z%

cd /d "%~dp0"

set "inkfile=C:\Users\Administrator\Desktop\xxx.lnk"

>"%tmp%\v.v" echoSet fso=CreateObject("Scripting.FileSystemObject")

>>"%tmp%\v.v" echoSet ws=CreateObject("WScript.Shell")

>>"%tmp%\v.v" echoSet lnkfile=fso.GetFile(WSH.Arguments(0))

>>"%tmp%\v.v" echoSet inkobj=ws.CreateShortcut(lnkfile.Path)

>>"%tmp%\v.v" echoinkobj.Arguments=replace(inkobj.Arguments, "172.16.58.34", "127.0.0.1")

>>"%tmp%\v.v" echoinkobj.Save

if not exist "%inkfile%" (echo"%inkfile%" not found&pause&exit)

cscript -nologo -e:vbscript "%tmp%\v.v" "%inkfile%"

echo%#% +%$%%$%/%@% %z%

pause

exit


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11861698.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存