Blog | 代码笔记

filamentphp (1)

tailwindcss (2)

Blog

42 posts

Blog is the place to record my codinglife.

1
2
3
4
5

Livewirejs 404问题

Oct 3, 2023
One minute read

laravel项目,装了filament作为后台,本地开发没问题,线上发布之后无法登录. 具体表现是点了登录按钮只是刷新页面,确认帐号密码是正确的. 打开控制台后资源加载报错/livewire/livewire.js not found php artisan route:list|grep livewire是有记录返回的最后确定是nginx配置问题,当成静态文件去public目录找肯定是没有的,关闭缓存也不现实呢 location ~ .*\.(js|css)?$ { expires 12h; error_log /dev/null; access_log /dev/null; } 改成下面就可以了 location = /livewire/livewire.js { expires off; try_files $uri......

Alpinejs 全局

Sep 13, 2023
One minute read

把Alpinejs实例曝露到外部,控制台访问Alpinejs实例 <div x-data="dropdown"> <button @click="toggle">...</button> <div x-show="open">...</div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('dropdown', () => ({ init(){ window.AlpApp = this }, open: false, toggle() { this.open = ! this.open } })) }) </script> 这样页面里就可以打开控制台方便调试了console.log(window.AlpApp.$data.open) 不过拿到的是proxy,也可以这样获取 document.querySelectorAll('[x-data]').forEach(el => { console.log(el.__x.getUnobservedData()); });......

Alpinejs 同时监听多个值

Jul 9, 2023
One minute read

chatgpt给的错误答案 $watch(['count', 'name'], (newValues, oldValues) => {}) 上面的代码虽然可以监听到count和name的变化,但是newValues永远是count的值,name是无法拿到的正确的写法是 Alpine.data('box', () => ({ init() { this.$watch('[first,last]', (v,oldV) => { console.log(v) this.name=`${v[0]} ${v[1]}` }) }, } )) chatgpt还给了这段代码监听,结果也是错的 <script> const app = Alpine.data('myComponent', () => ({ myData: 'Hello' })); app.$watch('myData', (newValue, oldValue) => { console.log(`myData changed from ${oldValue} to ${newValue}`); }); </script> Alpine.data方法根本就没有返回值,app是undefined,所以app.$watch是无效的,......