vuejs2 相关问题

将此标记用于特定于Vue.js版本2的问题，这是一个用于构建用户界面的开源，渐进式Javascript框架。

查看计算属性

我有一个具有以下哈希值的组件 { 计算：{ 是用户 ID: { 获取：函数（）{ 返回这个.userId？ } } } 我应该看 isUserID 还是 userId 来查找 chan...

vue-component vuejs2 computed-properties

回答 3 投票 0

从对象中删除项目然后保存它

我会尽力解释这一点。我的表单中有一个选择，用户可以在多个合同之间进行选择，一旦他选择其中一个，我想从所选合同中删除项目...

vue.js vuejs2

回答 1 投票 0

Vuetify 对话框打开时的运行方法

我有一个 v-data-table，用户可以单击任意行并打开一个对话框。我的 vuetify 对话框里面有一个数据下拉列表。我想在每次用户单击一行并 Fi 时过滤此数据...

vue.js vuejs2 vuetify.js

回答 3 投票 0

如何添加对表格进行编号的列？

我将数据表与vuetify一起使用，您可以在下图中看到我想要的最终结果。只需在左侧添加一列即可。我使用 vuetify 的 data-table，你可以在...

vue.js vuejs2 vue-component vuetify.js vuex

回答 2 投票 0

DisabledForUser 请确保运行 npm run dev 时应用程序 id 设置正确？

当我运行 npm run dev 时收到此消息 DisabledForUser 请确保应用程序 ID 设置正确。我已在 app.blade.php 中导入了 javascript 和 css。接下来，在 home.blade....

vue.js npm laravel-5 vuejs2 vue-component

回答 2 投票 0

如何在子组件的按钮上添加v-model并在父组件中绑定它

我正在使用 vue3 和 options api 如下面发布的代码所示，在 NotifDimsToLSRIncomformability 组件中，我有一个按钮。并且 NotifDimsToLSRIncomformability 正在父组件中托管...

vue.js vuejs2 vuejs3 vue-component

回答 1 投票 0

如何防止vue中v-html样式泄露

我有一个渲染多个子组件的 vue 组件和一个带有 v-html 指令的 div。 div 呈现动态 HTML 源。有时，HTML 源代码中的样式会泄漏到 div 之外...

css vue.js vuejs2 vuetify.js

回答 1 投票 0

重定向前的 vue2 路由器链接

我正在使用Vue2。在显示所有项目的粗略列表中，并希望在单击操作编辑按钮中重定向到另一个页面我使用我正在使用Vue2。在显示所有项目的粗略列表中，并希望通过单击操作重定向到另一个页面 edit button 我用 <router-link :to="{ name: 'beneficiary_form'}"><i class="fas fa-edit"></i> Edit</router-link> 这是一个更新功能，我需要在链接中传递 id。使用 vuex 保存 beneficiary_id。 this.add({ beneficiary_id : data.id, }); 如何在重定向到 beneficiary_id 页面之前添加 beneficiary_form？我改变了代码 <a href="javascript:void(0)" @click="handleEdit(beneficiary.id)"><i class="fas fa-edit"></i> Edit</a> handleEdit(id){ this.add({ beneficiary_id : id, }); console.log(this.$route.name); history.pushState( {}, null, route('beneficiary_form') ); }, 这给出了错误route('beneficiary_form')未找到如果你使用VueRouter并且配置正确，就可以使用 router.push({ name: 'beneficiary_form' }); 然后在表单页面就可以从vuex获取beneficiary_id。参见 Vue 路由器编程导航文档

vuejs2 crud

回答 1 投票 0

Vue.js - 将自定义指令导入为 ES6 模块

我有一个相当具体的问题。我通过rails webpacker在我的rails应用程序中使用vue，要使用vue组件，我必须在我的布局中放置一个javascript包标签并引用javas...

javascript vue.js vuejs2 vue-component

回答 1 投票 0

我可以将 Vue 3 中的 watch 与基元一起使用吗？

每次获取数据时，我都想更改布尔值来渲染组件。我不希望我的条件依赖于数组长度。所以我决定这样做。还有每次获取数据时，我都想更改布尔值来渲染 <Loading /> 组件。我不希望我的条件依赖于数组长度。所以我决定这样做。并且 <Loading /> 组件永远不会对 state.isLoading 变化做出反应。我尝试使用 this.isLoading 来测试 watch 是否发生变化。但watch从未记录过任何内容。我从未见过有人使用带有基元的手表。问题是我不知道是否可以将 watch 与原语一起使用，以及我可以使用什么来代替，就像 React 中的 useEffect 一样。应用程序.vue <script setup> import { RouterView } from 'vue-router' import { watch, ref, onMounted, reactive } from 'vue'; import Navbar from './components/Navbar.vue' import { useShopStore } from './stores/shopStore'; const shop = useShopStore() const bool = ref(shop.isLoading) console.log(bool) watch(bool.value, (newBool) => { console.log(newBool) }, { deep: true }) </script> 类别.vue <template> <LoadingVue v-if="shop.isLoading" /> <div v-else class="category__menu"> <CardVue v-for="item in shop.category" :item="item" :key="item.id" /> </div> </template> ShopStore.js actions: { async getProducts(path) { if (typeof path !== 'string' || path === undefined) return this.setLoading() try { const response = fetch(`https://fakestoreapi.com/products/category/${path}`) .then(res => res.json()) .then(res => this.category = res) } catch (error) { console.log(error) alert('Something went wrong') } this.setLoading() }, setLoading() { console.log('setLoading') this.isLoading = !this.isLoading } } 您正在根据反应数据创建新的引用。这就像按值复制一样，原始反应数据和包裹在其上的新引用没有连接。因此，当 shop.isLoading 发生变化时，您的 bool 参考不会变化，它们现在是两个不同的变量。我猜你在商店中使用 pinia。如果是这样，则 shop.isLoading 已经是响应式的，您不必将其包装到 ref 中。 <Loading v-model="shop.isLoading" /> 您还可以使用 pinia 的 storeToRefs 辅助方法对您的商店使用解构并获取您的状态的参考： const { isLoading } = storeToRefs(shop) console.log(isLoading.value) 所以。问题是我使用了 async 但我没有在函数内部使用 await，这就是条件如此工作的原因。或者没有按照我的预期工作。现在我修好了它，我想公开承认我是个十足的白痴。感谢您的关注。附：还是没弄清楚怎么用watch。唯一的方法是观察整个状态对象。 watch 仅对 state.bool 值变化做出反应。要查看具有原始类型的变量，您可以执行如下操作 let simpleBoolean = false; watch( () => simpleBoolean, () => console.log('simple boolean changed!', simpleBoolean) );

vue.js vuejs2 vue-component vuejs3

回答 3 投票 0

带验证功能的可编辑 vuetify 步进器

有没有办法制作一个可编辑的 Vuetify 步进器，我可以在其中进行验证，以防止在验证不正确时单击另一个步骤的事件？我尝试修改默认...

vue.js vuejs2 vuetify.js stepper vuetify2

回答 1 投票 0

尝试将 HTML5 日期输入与日期模型连接起来

我有一个像这样的 HTML5 日期输入元素：如果您在此输入中选择日期，则该值将是一个字符串，例如： "2018-12-31" 在我的模型中，我想要日期...

vue.js vuejs2 vue-component

回答 2 投票 0

Vue.js - 如何使用 Enter 键提交表单？

如此简单的输入当