问题标签 [laravel-mix-vue3]

我使用Laravel Mix - 这是一种轻松使用 webpack 的灵活方式。

运行watch时，只要文件更改，它将重新编译开发模式构建。然而，为了使用这些，有一个外部构建步骤——例如，一个项目需要调用drush cc css-js.

有没有办法从webpack.mix.js文件或其他方法中做到这一点？

有点像：

或者也许它必须进入package.json's.scripts位？

我的 Vue 3 项目出现此错误：

您正在运行 Vue 的 esm-bundler 构建。建议将您的捆绑器配置为用布尔文字显式替换功能标志全局变量，以便在最终捆绑包中获得正确的树抖动。有关更多详细信息，请参见http://link.vuejs.org/feature-flags。

webpack.mix.js

在这种情况下，我是否设置都没有关系mix.webpackConfig。

这是package.json：

我阅读了提供的链接，但没有找到解决此问题的方法。

I have a laravel-mix vuejs project

For some reason, I have a preview dialog that works by vanillajs instead of using vuetify or any other VueJS UI Framework.

How the preview dialog works:
1. A div with a class name of preview-dialog and a button with a class name of trigger-preview-dialog gets rendered in the DOM.
2. A script script called popup-dialog.js gets loaded and assigns default stylings(visibility: hidden) to preview-dialog class.
3. When the trigger-preview-dialog gets clicked, it changes the preview-dialog's visibility to visible.

Now, I have an array of post_list thats gets rendered by using v-for directive and its content is the preview-dialog. and I also have a function that appends new object to post_list.

what I noticed is that, when I use unshift when appending new object to the post_list, the preview_dialog of the newly added object works fine and opens up. But when I use push when appending a new object, the newly added object' preview_dialog does not open at all and what's worse is that there're no errors I found on the chrome inspector.

Can someone enlighten me on why unshift works but push doesn't? Thanks

如何从 Vue 3 的控制台访问组件数据属性值？

当我在 vue2 中工作时，我正在使用$vm0并设置和获取任何组件属性值来访问它，但这在 Vue 3 中不起作用。

带有数据的 Vue.js devtools 屏幕截图：

在这里，我想isCalendarAttached从 Chrome 控制台访问，但我无法：

这是我的应用程序对象，它是根组件：

有什么方法可以从控制台访问该变量吗？

我将 Vue.js 前端与 Laravel 混合使用。我正在使用Vue路由器进行路由，但问题是当页面刷新时，路由由laravel处理，它显示'404 not found'。所以我的问题是，如何关闭默认的 laravel 路由或确保所有路由都由 vue 处理。如果这是一个愚蠢的问题，我很抱歉，我是初学者。

我想验证输入字段，以便它只能采用大写字母和数字，并且我希望格式与 (AAA-111) 完全相同，这意味着前 3 个应该是字母，最后 3 个应该是数字，并且都用“-”分隔

我尝试使用这样的东西，但它不起作用，而且我对 Vue 也很陌生。

我遵循了一个教程，找到了以某种模式验证数字的解决方案，但是当我尝试修改它时，它不起作用。下面是代码片段，其中第一个输入字段工作正常，显示 000-000 中的数字，但第二个在我想要 AAA-000 之类的地方不起作用

如何使用 Regex 进行自定义输入字段验证？我希望输入字段只有前 3 个输入作为字母，后 3 个输入作为数字，用“-”分隔。我想在使用尝试输入内容的同时验证它。

我只找到了验证数字的解决方案，但是当我尝试对字母和数字使用相同的代码时，它不起作用。此外，我希望输入字段验证每个击键。

此代码适用于第一个输入字段，但不适用于第二个输入字段。我可能需要更改挂载函数中的某些内容，它试图匹配 reg_regex 但我不知道如何去做。

如何使用正则表达式在 Vue3 中为车辆登记号创建输入字段掩码？我找到了屏蔽电话号码的解决方案，但是当我将正则表达式与字母混合时，它根本不起作用。

是否可以为 AAA-000 之类的东西创建掩码，即前三个输入为字母，后三个输入为数字，用“-”分隔？

回答：

丹尼尔的回答就像我的魅力一样。如果有人在这里搜索相同的链接：https ://github.com/beholdr/maska

有什么区别？为什么一个工作而另一个为什么不工作？后者包含在文档中，但不起作用。webpack有什么问题吗？我使用 laravel-mix

此代码片段有效：

此代码段不起作用：

我刚刚开始学习 laravel+vue。我能够按照这个 yt 的教程进行操作：https ://www.youtube.com/watch?v=JZDmBWRPWlw 。尽管它看起来已经过时，但我仍然能够按照他的步骤进行操作。我正在使用 laravel-mix 6.0.6 和 vue 2.6.12。

使用检查元素>网络，我可以看到我在数组中抛出了正确的错误消息。

但不知何故，它没有显示完整的错误消息。现在它只显示句子的第一个字母。哈哈。示例错误消息是：电子邮件字段是必需的，它只会显示字母"T"。下面是我的 Create.vue。基本上它只是一个简单验证的用户创建表单。

创建.vue

编辑：

我的控制台上有这个错误

[Vue 警告]：v-on 处理程序中的错误：“TypeError：无法读取未定义的属性 'then'”

在发现

---> 在资源/js/Pages/Users/Create.vue