问题标签 [v-model]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
18358 浏览

javascript - Vue js vuelidate 自定义验证

我正在创建基本的库存管理系统。在那里,我要验证的发票,用户输入的价格必须大于或等于最低售价。我使用vuelidate包进行验证。

任何线索如何使用 vuelidate 来实现这一点

0 投票
1 回答
3527 浏览

typescript - “属性或方法“foo”未在实例上定义,但在渲染期间被引用”Vuejs Typescript

属性或方法“foo”未在实例上定义,但在渲染期间被引用。通过初始化该属性,确保该属性是反应性的,无论是在数据选项中,还是对于基于类的组件。

我曾与 vuejs 合作过,现在我正在转向 typescript 面对这个问题,因为我试图访问一个简单的属性并使其具有反应性。

已经提出了类似的问题,但还没有解决方案: Vue Class Based Component Warning: Property is not defined on the instance but referenced during render

我已经尝试通过将属性添加为道具来解决此问题,但这给了我错误提示,那么尝试这个的正确方法是什么?

避免直接改变 prop,因为只要父组件重新渲染,该值就会被覆盖。相反,使用基于道具值的数据或计算属性。正在变异的道具:“foo”

0 投票
3 回答
8220 浏览

forms - Vue中如何正确初始化表单数据

所以我有一个呈现表单的组件,它还使用从 ajax 请求接收到的数据预填充字段。

我的问题是,我不仅希望能够编辑字段,还希望同时添加要提交的新字段,因此我试图将我的预填充数据和新数据初始化到同一个要提交的对象中用我的 ajax 请求。使用我当前的设置,表单数据在呈现表单之前并没有始终如一地填写字段。

这是表单模板

这是脚本

这是提交数据的 store 方法

我的问题在这里

有没有更好的方法来设置这部分?

0 投票
1 回答
641 浏览

vue.js - 如何将子元素 v-model 暴露为 vue 组件 v-model

我在我的 vue 组件中使用了一个简单的文本区域。:

例如,我想将此输入封装在另一个组件中

我想用

相反,他们将其绕过到组件内部的输入。

我应该在组件内部做什么以将其输入 v-model 公开为组件 v-model?

0 投票
1 回答
2155 浏览

forms - Vuejs v-model 自动转义 html 实体

我试图在表单文本输入中显示一些 html 实体,但v-model似乎在逃避它们。

我需要写些什么来v-model正确显示 html 实体吗?

我的示例代码是

我知道,但由于自动双向绑定v-html,我更喜欢继续使用。v-model

更新

也许我表达错了,我想显示字符,而不是 html 实体,所以49.42₹我需要显示 49.42₹。

0 投票
2 回答
1713 浏览

javascript - 将元素添加到具有 v-model 的数组会导致重复

我有一个通过 v-for 创建的文本输入字段列表和v-model一个数组。我想向数组中添加元素,从而创建另一个输入字段。

到目前为止一切正常。问题是新的输入字段不知何故都被分配了相同的索引(?),或者发生了其他事情导致它们显示相同的值。

我制作了这个 jsfiddle来展示我的意思。如果您按下按钮两次,然后尝试编辑其中一个新输入框,则所有新输入框都将获得编辑后的值。我只希望编辑后的输入框显示输入值。

我想我在这里忽略了一些东西。请问有人可以帮忙吗?

Javascript:

HTML:

用法: 我得到的截图

0 投票
2 回答
3890 浏览

vue.js - 如何使用 v-model 绑定解码 HTML 实体‽

0 投票
1 回答
1025 浏览

javascript - v-for 的索引作为 v-model 的值

我需要将 v-for 的索引设置为动态 v-model,但我不知道如何在不触发错误的情况下做到这一点,我已经尝试过这个工作但并不优雅,并且在控制台中给了我错误:

在我的模板部分:

在我的脚本部分:

错误:

0 投票
2 回答
9880 浏览

javascript - 将文件转换为 base64 并在 Vuejs 中添加 v-model 绑定

我正在构建一个具有文件输入字段并通过以下函数呈现的组件VueJs

虽然在 v-model 中有值,但我得到了文件的路径,但我需要一个base64元素。目前在我的控制台中,我收到以下错误:

无法在“FileReader”上执行“readAsDataURL”:参数 1 不是“Blob”类型

文件上传错误

帮我执行。谢谢

0 投票
2 回答
12086 浏览

javascript - Vue - 如何制作基于外部控制动态激活

如何根据按下的按钮动态激活选项卡。我正在使用<b-tabs>from bootstrap-vue。在我下面的示例代码中,step变量会根据按下的按钮进行更改,但无论如何选项卡始终处于活动状态。