如何在 alpine js 中获取动态文本值？

【问题标题】：How to get dynamic text value in alpine js?如何在 alpine js 中获取动态文本值？
【发布时间】：2021-10-03 00:26:45
【问题描述】：

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<p @click="printThisTextToSpan">Name one</p>
<p @click="printThisTextToSpan">Name two</p>
<p @click="printThisTextToSpan">Name three</p>


<span ></span>

我的问题是当我点击 p 标签时如何打印 p 标签文本以跨越？

【问题讨论】：

标签： javascript html css alpine.js

【解决方案1】：

看了一眼documentation，我明白了

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<div x-data="{ text: '' }">
    <p @click="text = $el.textContent">Name one</p>
    <p @click="text = $el.textContent">Name two</p>
    <p @click="text = $el.textContent">Name three</p>
 
    <span x-text="text"></span>
</div>

要使用一个函数，你需要更多的代码

https://codewithhugo.com/alpinejs-magic-property-access/

【讨论】：