我在我的项目中使用Ant设计。对于文件上传，我使用 Ant Design 的 Dragger。 问题是，当我设置 multiple = false 和 maxCount = 1 时，我可以拖动多个文件。虽然它是随机的
这是我第一次使用Ant-design这个非常好的工具。 就像一个优秀的前端开发人员一样，我需要遵循我的 Figma 板并修改组件。 我正在使用 CSS ！重要规则来覆盖 ant-des...
我正在使用 NextJS 14，我有以下内容： 全局.css： @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap'); @层r...
一个专注于 StreamBuilder 的小部件刷新整个屏幕
我有这个小部件。 类 YourStreamBuilder 扩展 StatefulWidget { 最终字符串postId； const YourStreamBuilder({Key? key, required this.postId}) : super(key: key); @覆盖 状态<
输入有一个模式，列表中的每个元素都是一个字典并且有固定的键 [{'key': 'a', 'children': [{'key': 'a1', 'children': [{'key': 'a11', 'children': []}]}]}, {'key': 'b', 'children': ...
如何设置 Visual Studio 2022 .Net 7.0 以创建通知侦听器
如何设置 Visual Studio 2022 .Net 7.0 以创建通知侦听器 我正在使用这个文档 https://learn.microsoft.com/en-us/windows/apps/design/shell/tiles-and-notifications/notific...
使用 Design Automation API 保存工作共享模型时出错
当使用设计自动化 API 进行更改时，我当前在保存工作共享模型（C4R 模型）时遇到问题。错误快照 然而，当...
我需要在选中时覆盖 Antd Switch 组件上的默认蓝色（主色）并将其更改为红色。我有办法做到这一点吗？ 我尝试过使用样式属性，但它没有...
如何从另一个 Sub 使用 KeyEventArgs 调用 Sub
我有两个替补 Private Sub kbHook_KeyDown(ByVal Key As System.Windows.Forms.Keys) 处理 KeyHook.KeyDown 和 Private Sub Form1_KeyPressCaps(ByVal key As Object, e As KeyEventArgs) 处理我。
如何在 Material Design 3 中使用自定义颜色？
昨天我将我的应用程序从 MD2 升级到 MD3，一切正常。但我还是不太明白MD3中的自定义颜色。 问题 我什么时候应该使用自定义颜色？真正的我们是什么...
假设我有2个数据框， df1 = pd.DataFrame({'key': ['a', 'A',], 'value': [1, 1,]}) df2 = pd.DataFrame({'key': ['A', 'B'], '值': [5, 6,]}) 数据框具有相同的列，但不同......
在 AKS 中使用 nginx 入口控制器，并使用工作负载身份从 Key Vault 中提取 TLS 证书终止
我正在将 AKS 与 nginx 入口控制器结合使用。 我正在使用包含 .key 和 .crt 的 kubernetes tls Secret 并将其引用到 ingress.yaml 中 Kubectl 创建秘密 tls $secret_name --key=...
MySQL 中的“INSERT IGNORE”和“INSERT ... ON DUPLICATE KEY UPDATE”有什么区别？ [重复]
INSERT IGNORE 和 INSERT…ON DUPLICATE KEY UPDATE 有什么区别。我也想知道哪一个比另一个更受青睐。有人可以帮忙吗？
我有一个 Laravel 8 表单，其中包含一系列用户联系方式。 我有一个 Laravel 8 表单，其中包含一系列用户联系方式。 <div> <input name="contactdetails[{{ $key }}][email]" type="text"> <input name=" contactdetails [{{ $key }}][mobile]" type="text"> </div <div> <input name=" contactdetails [{{ $key }}][email]" type="text"> <input name=" contactdetails [{{ $key }}][mobile]" type="text"> </div <div> <input name=" contactdetails [{{ $key }}][email]" type="text"> <input name=" contactdetails [{{ $key }}][mobile]" type="text"> </div 我的验证规则如下所示： contactdetails.*.email=> ‘email:rfc,dns’, contactdetails.*. mobile => required_with:email|numeric', 我需要验证是否至少输入了一封电子邮件（但不是全部）以及相应的手机。 你必须这样做： 'contactdetails' => 'array|min:1', 'contactdetails.*.email' => 'email:rfc,dns', 'contactdetails.*.mobile' => 'required_with:contactdetails.*.email|numeric|nullable', 这意味着 contactdetails 必须是数组并且至少有一个成员 并更好地添加正则表达式移动角色来验证正确的手机号码
Azure Key Vault 是否适合存储客户端应用程序生成的加密密钥？
我有客户端应用程序，可以生成在设备上加密的数据。加密密钥通过 HTTPS 发送到使用 Azure Key Vault 存储加密密钥的 Azure 函数...
鉴于列表已过期： [ { "cert": "help.abc.com.cer", "certkey": "help.abc.com-key", “到期天数”：0， &...
我正在尝试检查给定的键是否在地图中，但有些无法做到： typedef 映射::迭代器 mi; 地图米； m.insert(make_pair("f","++--")); 一对 我正在尝试检查给定的键是否在地图中，但有些做不到： typedef map<string,string>::iterator mi; map<string, string> m; m.insert(make_pair("f","++--")); pair<mi,mi> p = m.equal_range("f");//I'm not sure if equal_range does what I want cout << p.first;//I'm getting error here 那么我怎样才能打印p中的内容呢？ 使用 map::find 和 map::end: if (m.find("f") == m.end()) { // not found } else { // found } 要检查映射中是否存在特定键，请通过以下方式之一使用 count 成员函数： m.count(key) > 0 m.count(key) == 1 m.count(key) != 0 map::find的文档说：“另一个成员函数map::count可用于仅检查特定键是否存在。” map::count的文档说：“因为地图容器中的所有元素都是唯一的，所以该函数只能返回1（如果找到该元素）或零（否则）。” 要通过您知道存在的键从映射中检索值，请使用 map::at: value = m.at(key) 与 map::operator[] 不同，如果指定的键不存在，map::at 不会在映射中创建新键。 C++20 为我们提供了 std::map::contains 来做到这一点。 #include <iostream> #include <string> #include <map> int main() { std::map<int, std::string> example = {{1, "One"}, {2, "Two"}, {3, "Three"}, {42, "Don\'t Panic!!!"}}; if(example.contains(42)) { std::cout << "Found\n"; } else { std::cout << "Not found\n"; } } 您可以使用.find()： map<string,string>::iterator i = m.find("f"); if (i == m.end()) { /* Not found */ } else { /* Found, i->first is f, i->second is ++-- */ } C++17 通过带有初始化器的 If 语句进一步简化了这一点。 这样你就可以鱼与熊掌兼得了。 if ( auto it{ m.find( "key" ) }; it != std::end( m ) ) { // Use `structured binding` to get the key // and value. const auto&[ key, value ] { *it }; // Grab either the key or value stored in the pair. // The key is stored in the 'first' variable and // the 'value' is stored in the second. const auto& mkey{ it->first }; const auto& mvalue{ it->second }; // That or just grab the entire pair pointed // to by the iterator. const auto& pair{ *it }; } else { // Key was not found.. } m.find == m.end() // not found 如果您想使用其他API，请找到m.count(c)>0 if (m.count("f")>0) cout << " is an element of m.\n"; else cout << " is not an element of m.\n"; 我想你想要map::find。如果 m.find("f") 等于 m.end()，则未找到密钥。否则，find 返回一个指向找到的元素的迭代器。 错误是因为p.first是一个迭代器，它不适用于流插入。将最后一行更改为 cout << (p.first)->first;。 p 是一对迭代器，p.first 是迭代器，p.first->first 是键字符串。 一张地图对于给定的键只能有一个元素，所以 equal_range 不是很有用。它是为映射定义的，因为它是为所有关联容器定义的，但它对于多重映射更有趣。 template <typename T, typename Key> bool key_exists(const T& container, const Key& key) { return (container.find(key) != std::end(container)); } 当然，如果你想变得更奇特，你可以随时模板化一个函数，该函数也采用已找到的函数和未找到的函数，如下所示： template <typename T, typename Key, typename FoundFunction, typename NotFoundFunction> void find_and_execute(const T& container, const Key& key, FoundFunction found_function, NotFoundFunction not_found_function) { auto& it = container.find(key); if (it != std::end(container)) { found_function(key, it->second); } else { not_found_function(key); } } 并像这样使用它： std::map<int, int> some_map; find_and_execute(some_map, 1, [](int key, int value){ std::cout << "key " << key << " found, value: " << value << std::endl; }, [](int key){ std::cout << "key " << key << " not found" << std::endl; }); 这样做的缺点是想出一个好名字，“find_and_execute”很尴尬，我想不出更好的名字...... map<string, string> m; 检查 key 是否存在，并返回出现次数（map 中为 0/1）： int num = m.count("f"); if (num>0) { //found } else { // not found } 检查key是否存在，并返回迭代器： map<string,string>::iterator mi = m.find("f"); if(mi != m.end()) { //found //do something to mi. } else { // not found } 在你的问题中，由坏的operator<<过载引起的错误，因为p.first是map<string, string>，你无法打印出来。尝试这个： if(p.first != p.second) { cout << p.first->first << " " << p.first->second << endl; } 小心地将查找结果与地图“m”的结尾进行比较，因为所有答案都有 上面完成 地图::迭代器 i = m.find("f"); if (i == m.end()) { } else { } 您不应该尝试执行任何操作，例如如果迭代器 i 等于 m.end() 则打印键或值，否则会导致分段错误。 比较 std::map::find 和 std::map::count 的代码，我认为第一个可能会产生一些性能优势： const_iterator find(const key_type& _Keyval) const { // find an element in nonmutable sequence that matches _Keyval const_iterator _Where = lower_bound(_Keyval); // Here one looks only for lower bound return (_Where == end() || _DEBUG_LT_PRED(this->_Getcomp(), _Keyval, this->_Key(_Where._Mynode())) ? end() : _Where); } size_type count(const key_type& _Keyval) const { // count all elements that match _Keyval _Paircc _Ans = equal_range(_Keyval); // Here both lower and upper bounds are to be found, which is presumably slower. size_type _Num = 0; _Distance(_Ans.first, _Ans.second, _Num); return (_Num); } find() 和 contains() 都可以使用。根据文档。两种方法平均时间为常数，最坏情况下为线性时间。 我知道这个问题已经有一些很好的答案，但我认为我的解决方案值得分享。 它适用于 std::map 和 std::vector<std::pair<T, U>>，并且可从 C++11 开始使用。 template <typename ForwardIterator, typename Key> bool contains_key(ForwardIterator first, ForwardIterator last, Key const key) { using ValueType = typename std::iterator_traits<ForwardIterator>::value_type; auto search_result = std::find_if( first, last, [&key](ValueType const& item) { return item.first == key; } ); if (search_result == last) { return false; } else { return true; } } map <int , char>::iterator itr; for(itr = MyMap.begin() ; itr!= MyMap.end() ; itr++) { if (itr->second == 'c') { cout<<itr->first<<endl; } } 如果你想比较成对的地图，你可以使用这个方法： typedef map<double, double> TestMap; TestMap testMap; pair<map<double,double>::iterator,bool> controlMapValues; controlMapValues= testMap.insert(std::pair<double,double>(x,y)); if (controlMapValues.second == false ) { TestMap::iterator it; it = testMap.find(x); if (it->second == y) { cout<<"Given value is already exist in Map"<<endl; } } 这是一项有用的技术。
我有一个按钮可以下载带有文件名的文件。为此，我写了这样的内容： 我有一个按钮可以下载带有文件名的文件。为此，我写了这个： <Button color='primary' href=`/apiproxy/objects/${id}/subobjects` LinkComponent={React.forwardRef((props, ref) => <Link {...props} type='text/csv' download={`object_${id}_subobjects.csv`} ref={ref} />)} /> 生成的按钮看起来与其他没有 href 属性的按钮相同（也带有 color='primary'），但悬停时其文本颜色变为蓝色，与其他按钮不同，它保持白色。 如何使其样式与其他按钮相同？我可以将 &:hover 文本颜色指定为白色，但是当主题更改其他按钮的文本颜色时，这会中断。 有没有办法更改链接组件，使其样式与其他按钮相同，或者如果没有，按钮在调色板中使用什么作为悬停文本颜色，以便我可以将其设置为该颜色？ 我认为你可以在 Link 组件中使用 sx 属性。就像下面... <Button color="primary" href="/apiproxy/objects/1/subobjects" LinkComponent={React.forwardRef((props, ref) => ( <Link {...props} type="text/csv" download={"object_1_subobjects.csv"} ref={ref} sx={{ "&:hover": { color: "white", }, }} /> ))} />
React 中的filter() 和map() 数据到单选按钮
我正在从 API 获取以下格式的数据： const 汽车属性 = [ { "key": "品牌", “价值观”：[ { ...
我有一个按钮可以下载带有文件名的文件。为此，我写了这样的内容： 我有一个按钮可以下载带有文件名的文件。为此，我写了这个： <Button color='primary' href=`/apiproxy/objects/${id}/subobjects` LinkComponent={React.forwardRef((props, ref) => <Link {...props} type='text/csv' download={`object_${id}_subobjects.csv`} ref={ref} />)} /> 生成的元素看起来与我的其他没有 href 属性的按钮相同（也带有 color='primary'），但悬停时其文本颜色更改为蓝色，与其他按钮不同，它保持白色。 如何使其样式与其他按钮相同？我可以将 &:hover 文本颜色指定为白色，但是当主题更改其他按钮的文本颜色时，这会中断。 有没有办法更改链接组件，使其样式与其他按钮相同，或者如果没有，按钮在调色板中使用什么作为悬停文本颜色，以便我可以将其设置为该颜色？ 我认为您可以使用 styledComponent 作为链接组件。就像下面... const theme = useTheme(); const StyledLink = styled(Link)(({ theme, color = "primary" }) => ({ ":hover": { color: theme.palette.secondary.main, }, })); <Button color="primary" href="/apiproxy/objects/1/subobjects" LinkComponent={React.forwardRef((props, ref) => ( <StyledLink {...props} type="text/csv" download={"object_1_subobjects.csv"} ref={ref} theme={theme} /> ))} /> 您可以在 theme.js 文件中的调色板中设置悬停颜色，并使用该颜色，如 theme.palette.${hoverColor} 请检查此测试组件。 https://codesandbox.io/p/sandbox/mui-28251-28335-forked-j2x8cd?file=%2Fsrc%2FApp.js 也许您可以让按钮将它们重定向到可以下载文件的 MediaFire： <a href="link-to-media"><button class="buttonClass">Download</button></a> 然后你可以将buttonClass修改为你喜欢的任何内容。
在 macOS 的本地主机上设置 HTTPS [mac os catalina 10.15.2]
cd ~/ mkdir .localhost-ssl sudo openssl genrsa -out ~/.localhost-ssl/localhost.key 2048 sudo openssl req -new -x509 -key ~/.localhost-ssl/localhost.key -out ~/.localhost-ssl/localhost.crt -days 3...
我想看看 bash 中的数组是否为空 键=[] key1=["2014"] 我尝试过以下方法： [[ -z "$key" ]] && echo "空" || echo“非空”...
如何让 len() 在 Python f 字符串格式中工作？ 对于dictionary.items()中的键、值： (f'{键:<(len(key)+2)}<->{值:>4} ')
“Google play 应用程序 - 签名问题”NoSuchAlgorithmException 异常
运行以下命令时出现以下错误 java -jar pepk.jar --keystore=foo.keystore --alias=foo --output=encrypted_private_key_path --rsa-aes-encryption --encryption-key-path=/path/to/
如何在 f 字符串格式化中使用 string.len() 函数？
如何让 len() 在 Python f 字符串格式中工作？ 对于dictionary.items()中的键、值： (f'{键:<(len(key)+2)}<->{值:>4} ')
我正在尝试 MS Bing v7 API。 如果我输入一个curl请求： 卷曲-H“Ocp-Apim-Subscription-Key：” https://api.bing.microsoft.com/v7.0/search?q=vintage+cars&count=25&
我即将使用谷歌搜索控制台API从Mobile-FriendlyTest获取数据 $request = new Request('POST', 'https://searchconsole.googleapis.com/v1/urlTestingTools/mobileFriendlyTest:run?key='.$
我创建了一个 PySimpleGUI 组合框，其代码简化为： combo_list = ['选择 1', '选择 2'] 布局 = [[sg.Combo(combo_list, default_value=combo_list[0], key='-COMBO-',
我需要在共享内存Aerospike主索引中存储大量Key。 我的规格如下： 命名空间：2， 记录数：500M， TTL：1D， 复制：2 根据 Aerospike
为什么我不能使用数据类的字段作为jetpack compose中lazyColumn的item的key？
一个非常非常简单的例子（implementation(platform("androidx.compose:compose-bom:2023.08.00"))）： com.study.myapplication 包 导入 android.os.Bundle 导入 androidx.activity。
我有一个按钮，根据 Angular 中的某些条件被禁用。即使按钮被禁用，我也想启用 onclick 功能。请找到以下代码： 我有一个按钮，根据 Angular 中的某些条件被禁用。即使按钮被禁用，我也想启用 onclick 功能。请找到以下代码： <button *ngIf="overrideSplitByAccountEnabled && (!overrideSplitByaccountListOfAcc && !overrideSplitByAccountGroupValue) || ((isStartTimeInputPresent && !isValidStartTimestamp) || (isEndTimeInputPresent && !isValidEndTimestamp))" type="button" class="btn btn-primary" (click)="validateCustomReRunParameters()" disabled> <i class="glyphicon glyphicon-send" ></i> Send action </button> 即使按钮被禁用，我也想启用单击validateCustomReRunParameters() 我尝试单击，但由于按钮被禁用而无法工作。 您可以将 div 包裹在 button 周围，并将单击事件附加到该 div。如果禁用该按钮，包装器 div 将采用 button 的宽度和高度。当用户点击禁用的 button 时，将触发 div 事件。如果启用 button，div 的宽度和高度将设置为 0。 像这样的东西： <div (click)="validateCustomReRunParameters()"> <button *ngIf="overrideSplitByAccountEnabled && (!overrideSplitByaccountListOfAcc && !overrideSplitByAccountGroupValue) || ((isStartTimeInputPresent && !isValidStartTimestamp) || (isEndTimeInputPresent && !isValidEndTimestamp))" type="button" class="btn btn-primary" (click)="validateCustomReRunParameters()" disabled> <i class="glyphicon glyphicon-send" ></i> Send action </button> </div>
如何在 Neovim 中映射 Ctrl+Shift+<key> + Alacritty 中的 Tmux
我在 alacritty 中使用 neovim 和 tmux，目前我正在尝试为组合 和 创建键盘映射（ 和 已经映射），但我无法得到...
在生产环境中使用Redis HMGET命令检索数据时，如果命令中包含的key数量超过10000个，且请求量较大，CPU占用率
uint8_t 数据[] = "mykeyxyz:1234 啊啊啊啊啊”； 我的字符串行的格式为 key:value，其中 len(key) <= 16 guaranteed. I want to load mykeyxyz into a __m128i, but fill out the higher
如何使用 kafka msg key 作为 s3 连接器中的分区标准或 我怎样才能获得密钥并将其存储在 s3 对象中 谢谢！
我有一个 SonarQ 项目（key=MyProjectKey），根目录下有一些文件夹（FolderA、FolderB...）；我想获取每个文件夹的问题数。 和 .../api/issues/search?branch=main&...
使用 MongoDB API 为 CosmosDB 创建唯一索引失败
我正在将 Azure CosmosDB 与 MongoDB API 结合使用。我正在尝试执行以下操作： db.createCollection('测试') db.test.createIndex({key: 1}, {name: 'key_1', unique: true}) 然而，这样做失败了......
这是我的反应本机选择器的代码。 我想获取所选 json 数组的所有值。 我想提供多项选择。 这是我的反应本机选择器的代码。 我想获取所选 json 数组的所有值。 我想提供多项选择。 <Picker mode="dropdown" style={styles.droplist} selectedValue={this.state.mode} onValueChange={this.funcValueChanged}> <Picker.Item label="Select Company" value="Select Company" /> { this.state.data.map((item, key) => ( <Picker.Item label={item.Co_Name + ' (' + item.CompCode + ')'} value={key} key={key} /> ))) } </Picker> 您可以用于单选/多选 从“react-native-dropdown-picker”导入 DropDownPicker； <DropDownPicker items={getAllStates} searchable={true} searchablePlaceholder="Search for an item" searchablePlaceholderTextColor="gray" placeholder="Select States" placeholderTextColor={"grey"} multiple={true} multipleText="%d items have been selected." containerStyle={{ marginTop: 8, marginBottom: 8, width: "92%", alignSelf: "center", }} onChangeItem={item => { } } /> 这里使用的包是@react-native-picker/picker，不支持多选。 GitHub 问题 请使用 npm i react-native-multiple-select 来代替。 尝试这个轻量级且完全可定制的包**rn-multipicker** - https://www.npmjs.com/package/rn-multipicker 完整文章：https://dev.to/rahul04/add-multi-select-dropdown-to-react-native-applications-53ef
在我的 bash 配置文件中包含 $KEY="path/to/sshkey" 是否安全？ 它有效，我只是想确保它不是一个漏洞。 一切都符合我的工作流程，只是想让...
如何检索 Azure 资源组模板中 Application Insights 实例的检测密钥？
有没有办法在 Azure 资源组模板中检索 Application Insights 实例的 Instrumentation Key ？ 我已尝试此处的说明来检索 list* opera 的列表...
我正在阅读 C API LUA 文档，我注意到这段代码： lua_pushnil(L); /* 第一个键 */ while (lua_next(L, t) != 0) { /* 使用“key”（在索引-2处）和“value”（在索引-1处）*/ printf(&q...
Micronaut Key Store Path中可以设置S3路径吗？
我有一个使用 Micronaut 3.9.x（从 Micronaut 1 迁移）的 lambda 应用程序，它使用 HttpClient 并具有指向我的资源文件夹内的证书的 SSL 配置。我有
无法从S3存储桶下载文件。 （Langchain + s3）
我正在编写一个项目，使用s3来存储文件pdf，并使用langchain来连接和加载文件。 这是我的代码： const loader = new S3Loader({ bucket: process.env.BUCKET, key: filekey, // 示例: test/
我录制了下面的视频来解释我想要实现的目标。 https://www.awesomescreenshot.com/video/23765847?key=c6107a99bee1285ea91f533a1e52b1f6 如果有人知道如何创建，请帮助我
没有匹配的函数可用于调用“std::thread::thread(<unresolved overloaded function type>)”
无效show_image(){ // 创建一个Mat来存储图像 马特凸轮图像； ERROR_CODE 错误； // 循环直到'e'被按下 字符键=''； while (key!= 'e') { // 抓取图像 错误= cam.grab(); ...
Aes 加密 Galois/Counter 模式尝试登录服务器端出现无效凭证问题，
下面是dart Aes加密逻辑的代码 静态字符串 encryptAESGCM(字符串明文, 字符串密钥) { 尝试 { 最终 keyBytes = Uint8List.fromList(utf8.encode(key)); // 安全...
当我点击问号时，按钮父级有点击效果（这里是蓝色） 是否可以禁用它？ 当我点击问号时，按钮父级有点击效果（这里是蓝色） 可以禁用它吗？ <h:commandLink styleClass="btn btn-primary btn-lg" style="width: 100%;"> <span class="fa fa-trash"/> <span id="spanQuestion" class="fa fa-question" data-content="Help" data-html="true" data-popover="true"/> </h:commandLink> const span = $('#spanQuestion'); span.on("click", function(e) { e.stopPropagation(); }); 我试图停止对父项的点击，添加背景颜色。 我希望父按钮不会有点击效果。 ` 常量按钮 = $('#myButton'); const span = $('#spanQuestion'); span.on("click", function (e) { e.stopPropagation(); }); button.on("click", function (e) { // Your button click logic here }); `
所以我正在阅读 c api lua 文档，我注意到这段代码： lua_pushnil(L); /* 第一个键 */ while (lua_next(L, t) != 0) { /* 使用“key”（在索引-2处）和“value”（在索引-1处）*/ 打印（...
我在 VNET 中部署了一个 Azure Key Vault，并且禁用了公共访问。我需要从无服务器的消费 Azure 函数中获取该 KV 的秘密。 问题是，作为那种类型...
我正在尝试使用 v-for 渲染四个图像，范围为 1 到 4。 v-for="n in 4" :key"n" 但是，使用 'n' 作为 src 的一部分不起作用。为什么？ 我正在尝试使用 v-for 渲染四个图像，范围为 1 到 4。 v-for="n in 4" :key"n" 但是，使用 'n' 作为 src 的一部分不起作用。为什么？ <div v-for="n in 4" :key="n"> <img :src="`../assets/images/image-product-${n}-thumbnail.jpg`" class="rounded-xl h-16 w-16 hover:cursor-pointer" /> </div> 尝试使用“key”代替“n”，将“n”转换为字符串...没有成功 如果我像这样硬编码，它会起作用 <img src="../assets/images/image-product-1-thumbnail.jpg" class="rounded-xl h-16 w-16 hover:cursor-pointer" /> 如果您有可用的全局别名（@），我建议您使用它。 因为使用相对路径可以在本地工作，但是当项目编译（构建）时，相关路径可能会被破坏。 使用动态 src 路径时，您可以在加载之前需要它。 使用别名，您可以执行以下操作： :src="`require(@/assets/images/image-product-${n}-thumbnail.jpg`)"