Dcat-admin 用 alpinejs 数据双向绑定
409 / 2 / 创建于 9个月前 /
liaosp 的个人博客
介绍
Alpine.js 这东西真的轻量级，和vue相似，和 livewire 同一个作者，推荐大家使用，可以平替jquery
效果
实现
在 bootstrap.php 引入js
Admin::headerJs([
'https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/alpinejs/3.9.0/cdn.min.js',
]);自定义表单初始化
$data = $this->data;
$text = $data[SysDict::KEY_MERCHANT_YM_APP_WEB] ?? '';
$this->setHtmlAttribute([
'x-data' => "{ text:'$text' }",
]);类似 v-model 绑定到组件
$this->url(SysDict::KEY_MERCHANT_YM_APP_WEB, '备案网站')->required()->attribute([
'x-model' => 'text',
]);在自定义表单输出
$this->html(<<<HTML
首页信息： <span x-text="text"></span>
HTML);
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：