我有一个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...

我有一个刀片文件，我在如下视图中提交一个值作为查询字符串： @foreach($productImageHelper->getProductImageColor($product) as $item) <label class="circle"> <img class="img-fluid" src="{{$item['small_image_url']}}" alt=""> <input type="radio" name="color_id" value="{{$item['...

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 / 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...

I am using vue-custom-scrollbar in my code for tables. I can see the scroll bars only when I hover the mouse over table, is there any way to make the scroll bars highlight by default?

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

如何创建可以接收和呈现子组件的父组件？有人可以用简单而简短的方式来说明这一点。 例如： <Form> <Input/> <Input/> <Select/> <Button/> <Form/>

我正在尝试创建一个联系表单，该表单已经完成，但是现在我试图在提交时创建一个提交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...

I have this code for a wordpress custom theme. I'm getting the data using the REST API and Vue.js to make the DOM change dynamically on click event. I'm facing a little problem, I'm not able to display the data with the layout I want, this because when I u...

I'm using vue.js and gridsome to create a portfolio for my self. However when I added a json file to contain my profile info in the site I faced an issue. This is how I imported the file inside my Index.vue component: <script> import Intro from "~/componen...

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

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

我有一个来自Vue.js的ToDo单个文件组件，但是当我用勾号标记元素时出现以下错误： 我认为此模板部分存在问题： <div v-if="completed.length > 0 && showComplete"> <p class="status">Completed tasks: {{ completedPercentage }}</p> <transition-group name="todo-item" tag="ul" class="todo-list archived"> ...

我知道不建议将功能作为道具传递给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'}"> ...

我了解在Bootstrap4中是如何完成的，但是在Bootstrap-vue中却无法使用相同的方法 这是我的Homepage.vue文件中的代码： <template> <div class="forVue"> <div> <b-navbar toggleable="sm" type="dark" variant="dark"> <b-navbar-toggle target="nav-collapse"></b-navbar-toggle> ...

<div class="post" v-show="blogs.length" v-for="blog in blogs" :key="blog.id"> <span v-for="like in blog.likes" :key="like.id"> <span v-if="blog.id === like.blog_id && like.user_id === authUserId"> <a ...

这是我第一次发布问题，因此，如果我在创建此问题时做错了任何事情，请耐心等待。 我有一个类似于以下内容的JSON数据集： [ { "name": "Concert 1", "sponsors": [ { "name": "Woolworths", "location": "Mildura" }, { "name": "Coles", "location": "Melbourne" ...

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

我想改编一个使用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...

我想在点击时显示输入，但是在for循环中，我只想显示点击的输入 <div v-for="(todo, n) in todos"> <i class="fas fa-minus ml-2"></i> <li class="mt-2 todo"> {{ todo }} </li> <li class="button-container"> <button cla...