Low Code 可视化编辑器中如何动态绑定 Vue 组件的 prop？
我在做 Low Code 可视化搭建时，想通过配置动态传 prop 给自定义组件，但发现值没生效。比如下面这样写，传进去的 label 始终是字符串 “{{config.label}}” 而不是变量值。
<template>
<component :is="item.type" :label="'{{config.label}}'" />
</template>
<script>
export default {
data() {
return {
config: { label: '用户名' }
}
}
}
</script>是不是不能这么写？该怎么正确绑定动态 prop 啊？
- 2
回答
50浏览
Avue中如何动态修改form-items的prop值？
在用Avue做动态表单时，遇到一个问题：当表单提交后需要根据后端返回的字段名动态修改form-items的prop属性，但直接修改数组里的prop值后页面报错。 比如这样写代码： const [for...
- 1
回答
58浏览
Low Code 平台里怎么动态绑定组件属性？
我在做一个可视化编辑器，拖拽组件后想通过表单动态修改它的 props，但不知道怎么把表单值和组件实例关联起来。比如下面这个按钮组件： <template> <button :styl...
- 1
回答
45浏览
React 中 Render Props 怎么在 Vue 里实现类似效果？
最近在用 Vue 3 写组件，想复用一些逻辑，听说 React 里可以用 Render Props 模式。但我试了下不知道怎么在 Vue 里模拟类似的行为。比如我想让子组件决定怎么渲染父组件传下来的数...
- 1
回答
65浏览
QRCode组件在Vue里渲染不出来是怎么回事？
我在用Vue3写一个页面，引入了qrcode.vue组件，但页面上死活不显示二维码，控制台也没报错。 我试过传字符串进去，也检查了div容器有没有宽高，还是空白。代码大概是这样： <templa...
- 1
回答
58浏览
Vue里用jsbarcode生成条形码不显示怎么办？
我在Vue组件里引入了jsbarcode，但页面上始终不显示条形码，控制台也没报错，是不是哪里配置错了？ 我试过在mounted里调用JsBarcode，也给svg加了id，但就是空白。代码大概是这样...
- 1
回答
82浏览
Vue组件里props校验写法不规范会被ESLint警告，该怎么改？
我在写Vue组件时用了props校验，但ESLint一直报“props should be an object with properties as keys”这个警告，明明功能是正常的，但团队要求过...
- 2
回答
80浏览
Vue3中setup里怎么监听props变化？
我刚从Vue2转到Vue3，现在在setup函数里用props传值，但发现props变了组件没反应。之前在Vue2里用watch可以直接监听，现在在setup里试了watch(props.xxx, ....
- 1
回答
61浏览
Vue3 + TS 写移动端组件时 props 类型报错怎么办？
我在用 Vue3 和 TypeScript 开发一个移动端按钮组件，给 props 定义了类型，但控制台一直报“类型不匹配”的警告。明明传的是字符串，却提示期望是 string | undefined...
- 1
回答
111浏览
Volar 为什么在 VS Code 里不提示 Vue 3 的 setup 语法？
我用的是 Vue 3 + TypeScript 项目，装了 Volar 插件也禁用了 Vetur，但写 setup() 里的变量时完全没有智能提示，连基础的 ref 都不识别，是不是哪里配置错了？ 我...
- 1
回答
74浏览
为什么在 Vue 里监听键盘事件时 keyCode 不生效？
我最近在用 Vue 做一个快捷键功能，想通过 keyCode 判断按的是哪个键，但发现它一直是 undefined。明明以前这么写是没问题的，是不是现在浏览器不支持了？ 我试过在 @keydown 里...
然后你的 script 部分不变。这样 Vue 就会识别
config.label是一个动态值，而不是字符串了。如果你是在 Low Code 可视化编辑器里操作，可能得看看编辑器有没有提供特殊的语法或者插件来处理这种动态绑定，有时候这些编辑器会有点自己的规则。
在模板里直接用双引号括起来的字符串会被当作普通字符串处理，而不是变量。你需要去掉引号，然后用 v-bind 动态绑定。这样写：
这样 label 就会从 config 对象里取值了。