• VueJS基于随机条的URL的最佳方法

    我有一个Vue组件可以呈现博客文章。当前,它仅加载帖子的集合并将其呈现到UI。这一切都很好。 Each of these posts has a slug, i.e. the-best-post-ever. 我想使我的博客组件能够读取该值(或将其传递给它)并呈现该单个帖子而不是列表。 So visiting the blog would be something like http://example.com/blog whereas an individual post would be http://e...
  • Vue.js动态<style> +变量

    i want to pass dynamic variable into style: it is possible ?? like that : i try this way but it didn't work :style=" {'width':${parseInt(100 * task.progress)}% ;}" this is my task.vue: <tr v-for="task in tasks.data " v-if=" task.projet_id ...
  • Vue单个文件组件:从子组件打印组件元素

    我正在使用@ vue / vli 4.1.1和单个文件组件。我的应用程序的简化结构如下所示: src ├── App.vue ├── assets ├── components │   ├── PrintRecipe.vue │   └── Recipe.vue └── main.js Inside the Recipe component, I would like to include a print button and its functionality, as implemented in th...
  • JavaScript this.todoList.filter不是函数

    我想在Vue.js中创建一个ToDo列表,但是这些项目没有显示。 (当我使用local.storage存储项目时,它可以工作,但是当我在SharePoint上使用列表时,它就不能工作) 问题很可能是这部分(因为我修改了代码): computed: { pending: function () { console.log("pending"); if (!this.todoList) { retu...
  • 在提交表单Vue.js上显示Flash消息

    我正在尝试创建一个联系表单,该表单已经完成,但是现在我试图在提交时创建一个提交Flash消息。提交时,表单转到一个PHP文件,但我想显示一条消息,而不是重定向。 Here is what I have for the message component which is called FlashMessage <template> <div class="flex items-center bg-green-500 text-white text-sm font-bold px-4 py-3 m...
  • 如何在Vue中播放/暂停随机播放的mp3文件?

    在vue组件中,我有一个randomize按钮,该按钮可以加载随机的mp3文件,到目前为止效果很好。我的两个问题是: 当您再次单击“随机化”时,旧的mp3文件仍将与新的mp3文件一起播放。 第二个按钮不会再次暂停/播放文件。 请帮助,Thx,乔尔 模板部分: <button @click="randomize">Randomize</button> <button class="btn btn-primary btn-sm" @click.prevent="chosenName.isPlay...
  • Vue路由器不会重新初始化子组件

    I have a weird issue with vue-router. 我为用户提供了一个简单的CRUD应用程序。 它包含四个不同的视图: 用户列表和创建按钮 使用表单子组件创建视图,该子组件从created()内部的api中获取字段。 用户显示视图 具有相等形式的子组件的用户更新视图。 如果我是第一次进入ID为1的用户的编辑页面,那么一切都会像超级按钮一样工作。 但是,如果我返回并单击另一个用户并转到编辑页面,它将显示带有ID为1的用户值的表单,并且没有新的Ajax请求。 It seems th...
  • 如何将功能作为道具传递给子组件并在Vue中从那里调用它?

    我知道不建议将功能作为道具传递给Vue中的子组件。但是,如果我要这样做,那怎么可能呢?这是我到目前为止尝试过的- 我的孩子部分- <template> <b-card :style="{'overflow-y': 'scroll', 'border-top': '0px', 'height': 'calc(100% - 53px)', 'border-top-left-radius': '0px', 'border-top-right-radius': '0px'}"> ...
  • 将Vue路线参数转换为整数

    我最近开始学习Vue。为了练习,我想用Vue创建我的作品集。我坚持尝试将路线参数从字符串转换为ID。 在主页上,列出了我的投资组合项目(以静态方式使用数据对象,而不是从数据库获取)。当您单击它们时,路由参数将获取其ID,并将其定向到/ portfolio / 1,/ portfolio / 2等。然后,该页面根据该对象的数据动态更改。 此页面中还有一个分页(下一个项目和上一个项目)。因为我将其ID用作参数,所以我想增加或减少点击时的ID,以使其指向下一个或上一个项目,但是我发现参数被读取为字符串而不是整数,...
  • JavaScript无法使用“ in”运算符搜索“完成”(ToDo单个文件组件)

    我想改编一个使用localStorage保存元素的ToDo单个文件组件。 Here's a codepen of the version which uses localStorage. Here's my adapted version. (Can't do a jsfiddle because it uses SharePoint) 我修改了代码,并且几乎可以正常工作,只是在勾选框时出现了一个错误: 我不知道到底是什么原因造成的,但是我想是这样的: <li v-for="(item, index) i...
公告

欢迎访问 码农俱乐部  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部