我有一个带有选择器的多输入组件，如下所示： 我有一个带有选择器的多输入组件，如下所示： <app-input type="currency" formControlName="currency"></app-input> <app-input type="date" formControlName="dateOfBirth"></app-input> 因此，从该组件中，我有一个像这样的选择器： @Component({ selector: 'app-input[type=currency]', }) @Component({ selector: 'app-input[type=date]', }) 现在，我想添加多个 currency 组件。一种用于默认货币成分，第二种用于具有动态货币符号的货币。 所以，我想通过选项让它变得不同。当选择器有选项时，显示带动态符号的货币，否则或默认，显示不带符号的默认货币。 我一直在尝试使用下面的这个选择器，但它不起作用。 对于默认货币： @Component({ selector: 'app-input:not([options])[type=currency]', }) 对于动态符号货币： @Component({ selector: 'app-input[options][type=currency]', }) 提前谢谢您 您可以像这样添加数据属性来区分选择器 无符号： @Component({ selector: 'app-input[type=currency]', }) 带有符号： @Component({ selector: 'app-input[type=currency][data-symbols]', }) html with symbols: <app-input type="currency" formControlName="currency" data-symbols></app-input> without symbols: <app-input type="currency" formControlName="currency"></app-input>
我正在使用 vue3 和 Primevue 来开发我的应用程序。我想在单击时取消选择 Primevue 的单选按钮。有办法做到吗？这是我的单选按钮代码。 我使用 vue3 和 Primevue 来开发我的应用程序。我想在单击时取消选择 Primevue 的单选按钮。有办法做到吗？这是我的单选按钮代码。 <div class="field col-12 md:col-12 lg:col-12"> <template v-for="currency in currencies" :key="currency.id"> <div v-if="v$.currency.$model !== currency.code" class="flex align-items-center mb-2"> <RadioButton v-model="paidInType" :inputId="currency.code" name="payIn" :value="currency.code" /> <label :for="currency.code" class="ml-2">Pay in {{ currency.symbol }}</label> </div> </template> </div> 单选按钮并不意味着不可选择。 请针对您的用例使用复选框或切换组件，并根据您的需要重新设计它们。 但是如果您确实需要覆盖默认的单选按钮操作，则添加 @click 方法来删除所选值（如果其等于单击的单选按钮值）。 从 UI/UX 角度来看，您不应该将单选按钮留空。这就是为什么 PrimeVue 无线电组件没有 required 属性（只是假设需要）。这种行为已经成为几十年来的标准，即必须选择一个单选选项，即使该选项是“不适用”或“不想说”等。如果您确实需要取消选择，请首先考虑使用不同的组件。 如果您确实想取消选择单选按钮，您需要做的就是在选择事件时将 v-model 设置回默认的未选择值状态。由于您需要首先确认新选择的值与之前的值相同，因此您需要始终跟踪之前的值。 const paidInType = ref(''); const prevValue = ref(''); function selectRadio(value) { if (prevValue.value === paidInType.value) { paidInType.value = ''; } } <RadioButton v-model="paidInType" @click="prevValue = paidInType" @update:modelValue="selectRadio(currency.code)" :inputId="currency.code" name="payIn" :value="currency.code" /> stackblitz 演示
我有以下方法来创建这个 ExpandoObject： List 示例 = new List(); foreach（费率中的变量率） { varrateObject = new ExpandoObject() as IDictionar... 我有以下方法来创建这个ExpandoObject： List<object> example = new List<object>(); foreach (var rate in rates) { var rateObject = new ExpandoObject() as IDictionary<string, object>; rateObject["Id"] = rate.Id; rateObject["RateType"] = rate.RateType; rateObject["Units"] = rate.R6Item.Unit.Symbol; rateObject["Schedule"] = rate.R6Item.Schedule.Description; rateObject["R6Code"] = rate.R6Item.Code; rateObject["R6Description"] = rate.R6Item.Description; rateObject["R7Code"] = rate.R7Item.Code; rateObject["R7Description"] = rate.R7Item.Description; rateObject["DICODE"] = rate.R6Item.Schedule.Discipline.Code; foreach (var currency in rate.Project.ProjectCurrencies) { rateObject[currency.Currency.Name] = currency.Currency.Name; } example.Add(rateObject); } 现在，当我展开示例对象时，它看起来像这样： 如果我进一步扩展，就像这样： 现在我想要的数据是如何在动态视图中显示的，有没有办法能够访问它？并有与 ExpandoObject 的动态视图相同的示例？ 您肯定可以做很多事情来增强您的调试体验。这是我的快速尝试： 我必须使用组合来扩展密封类ExpandoObject，其属性为： class MyExpando { [DebuggerBrowsable(DebuggerBrowsableState.Never)] public ExpandoObject Value { get; } = new(); [DebuggerBrowsable(DebuggerBrowsableState.RootHidden)] public List<KeyValuePair<string, object?>> Properties => Value.ToList(); public void Add(string key, object value) => ((IDictionary<string, object?>)Value)[key] = value; public override string ToString() => string.Join(", ", Value.Select(o => $"{o.Key}={o.Value}")); } 有： 覆盖显示集合时使用的ToString()方法， 隐藏在调试器属性 Value 中以访问 ExpandoObject, 属性 Properties 用于在调试器 KeyValuePair 条目中可视化。
我有以下方法来创建这个expandoObject： List 示例 = new List(); foreach（费率中的变量率） { var 速率对象 = 新 我有以下方法来创建这个expandoObject： List<object> example = new List<object>(); foreach (var rate in rates) { var rateObject = new ExpandoObject() as IDictionary<string, object>; rateObject["Id"] = rate.Id; rateObject["RateType"] = rate.RateType; rateObject["Units"] = rate.R6Item.Unit.Symbol; rateObject["Schedule"] = rate.R6Item.Schedule.Description; rateObject["R6Code"] = rate.R6Item.Code; rateObject["R6Description"] = rate.R6Item.Description; rateObject["R7Code"] = rate.R7Item.Code; rateObject["R7Description"] = rate.R7Item.Description; rateObject["DICODE"] = rate.R6Item.Schedule.Discipline.Code; foreach (var currency in rate.Project.ProjectCurrencies) { rateObject[currency.Currency.Name] = currency.Currency.Name; } example.Add(rateObject); } 现在，当我展开示例对象时，它看起来像这样： 如果我进一步扩展，就像这样： 现在我想要的数据是如何在动态视图中显示的，有没有办法能够访问它？并有与 ExpandoObject 的动态视图相同的示例吗？ 您肯定可以做很多事情来增强您的调试体验。这是我的快速尝试： 我必须使用组合来扩展密封类ExpandoObject，其属性为： class MyExpando { [DebuggerBrowsable(DebuggerBrowsableState.Never)] public ExpandoObject Value { get; } = new(); [DebuggerBrowsable(DebuggerBrowsableState.RootHidden)] public List<KeyValuePair<string, object?>> Properties => Value.ToList(); public void Add(string key, object value) => ((IDictionary<string, object?>)Value)[key] = value; public override string ToString() => string.Join(", ", Value.Select(o => $"{o.Key}={o.Value}")); } 有： 覆盖显示集合时使用的ToString()方法， 隐藏在调试器属性 Value 中以访问 ExpandoObject, 属性 Properties 用于在调试器 KeyValuePair 条目中可视化和编辑。