vue-component相关内容

链接两个 Vue.js 组件

我有一个用于显示数据的单个文件组件和另一个用于编辑相同数据的文件组件.视图具有标签和段落，而编辑组件具有输入和文本区域. 这两个组件都采用相同的数据对象.有没有办法通过编辑字段(与编辑组件中的 v-model 绑定)将更改反映到视图组件? 例如，这是我的 paragraph.vue 用于显示数据 {{ ..
发布时间：2022-01-25 17:12:17 前端开发

当我在 Vue.js 3 中使用 async setup() 时，为什么会得到空白(空)内容?

问题 我在 Vue.js 3 中使用 async setup()，但我的 HTML 内容消失了.我的组件模板没有插入 HTML，但是当我删除 async 和 await 前缀时，我的 HTML 内容又回来了.我该如何解决这个问题? async setup () {常量数据 = 参考(空)尝试 {const res = await fetch('api')data.value = res.j ..
发布时间：2022-01-25 17:10:18 前端开发

在 Vuejs 的数据中使用计算属性

如何在数据中使用计算属性或通过总线发出它? 我有以下 vue 实例，但 myComputed 始终未定义，但 computedData 工作正常. var vm = new Vue({数据(){返回{myComputed:this.computedData}},计算:{计算数据(){返回“你好世界"}}}) 解决方案 不幸的是，由于组件创建时间问题，无法在数据中使用计算属性:数据在计算 ..
发布时间：2022-01-25 17:09:07 前端开发

使用 Vue 的搜索框和复选框过滤器

我正在尝试使用 Vue 构建过滤系统. 更新 过滤器工作，但计算的所有函数都是单独的函数.那么我怎样才能使它们成为一个功能并使用它. export default {数据() {返回 {庄园:[]，搜索: ''，region:['关西','关东','京桥'],检查区域:[]}},创建(){axios.get('/ajax').then((响应) => {this.states = ..
发布时间：2022-01-25 17:06:36 前端开发

Vue 2 <保持活力>不适用于 <router-view>和钥匙

我正在使用带有一系列组件(如选项卡)的 vue-router.每个 是一个选项卡，下面的空格是 .其中两个选项卡是具有不同过滤器的相同组件，假设它们是 products 并且路由器添加了一个用于过滤的参数:/products/new &/products/sale. products 内部是单独的 product 组件，这些组件会在路由打开时安装.我的问题是，当我在路由之间切换并更改过滤器参 ..
发布时间：2022-01-25 17:06:19 前端开发

Vue.js 更改道具

我对如何更改组件内部的属性有点困惑，假设我有以下组件: {道具: {可见的: {类型:布尔值，默认值:真}},方法: {隐藏() {this.visible = false;}}} 虽然它有效，但它会给出以下警告: 避免直接改变 prop，因为每当父组件重新渲染时，该值将被覆盖.相反，使用基于道具值的数据或计算属性.正在变异的道具:“可见"(在组件中找到) 现在我想知道最好的处理方 ..
发布时间：2022-01-25 17:05:50 前端开发

观察计算属性

我有一个具有以下哈希的组件 {计算:{是用户ID:{得到:函数(){返回 this.userId?}}} 我应该关注 isUserID 或 userId 的变化吗?你能看计算属性吗? 解决方案 是的，你可以设置 watcher 关于 computed 属性，请参阅 小提琴. 以下是在计算属性上设置监视的代码: const demo = new Vue({el: '#demo', ..
发布时间：2022-01-25 17:04:21 其他开发