我可以在视图中使用jquery,但不能在livewire组件中使用。
这是我的livewire组件,我想使用Jquery:\resources\views\livewire\search.blade.php
<div>
<h1 id="id">Test</h1>
<script>
$('#id').css("background-color", "red");;
</script>
</div>
这是我的视图:\resources\views\components\sections\search.blade.php
@livewire('forms.search')
这是我的app.js:\resources\js\app.js
import $ from 'jquery';
window.$ = $;
输出:Test
但如果我在视图中执行以下操作:
\resources\views\components\sections\search.blade.php
<h1 id="id">Test</h1>
<script>
$('#id').css("background-color", "red");;
</script>
2条答案
按热度按时间sqxo8psd1#
对此有两种选择。你可以先给livewire blade的父标记wire:ignore。第二种选择:
在Livewire的render函数中添加以下代码
然后像这样运行
此外,请确保运行此命令
之后,确保在刀片文件中包含public/js/app.js文件
和
确保代码写好了
0yg35tkg2#
你可以从cdn添加jquery js文件到你的“app.blade.php”文件中。就像这样: