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
回答
24浏览
Avue中如何动态修改form-items的prop值？
在用Avue做动态表单时，遇到一个问题：当表单提交后需要根据后端返回的字段名动态修改form-items的prop属性，但直接修改数组里的prop值后页面报错。 比如这样写代码： const [for...
- 1
回答
23浏览
Low Code 平台里怎么动态绑定组件属性？
我在做一个可视化编辑器，拖拽组件后想通过表单动态修改它的 props，但不知道怎么把表单值和组件实例关联起来。比如下面这个按钮组件： <template> <button :styl...
- 1
回答
3浏览
Vue里用jsbarcode生成条形码不显示怎么办？
我在Vue组件里引入了jsbarcode，但页面上始终不显示条形码，控制台也没报错，是不是哪里配置错了？ 我试过在mounted里调用JsBarcode，也给svg加了id，但就是空白。代码大概是这样...
- 1
回答
20浏览
Vue组件里props校验写法不规范会被ESLint警告，该怎么改？
我在写Vue组件时用了props校验，但ESLint一直报“props should be an object with properties as keys”这个警告，明明功能是正常的，但团队要求过...
- 2
回答
43浏览
Vue3中setup里怎么监听props变化？
我刚从Vue2转到Vue3，现在在setup函数里用props传值，但发现props变了组件没反应。之前在Vue2里用watch可以直接监听，现在在setup里试了watch(props.xxx, ....
- 1
回答
27浏览
Vue3 + TS 写移动端组件时 props 类型报错怎么办？
我在用 Vue3 和 TypeScript 开发一个移动端按钮组件，给 props 定义了类型，但控制台一直报“类型不匹配”的警告。明明传的是字符串，却提示期望是 string | undefined...
- 1
回答
42浏览
Volar 为什么在 VS Code 里不提示 Vue 3 的 setup 语法？
我用的是 Vue 3 + TypeScript 项目，装了 Volar 插件也禁用了 Vetur，但写 setup() 里的变量时完全没有智能提示，连基础的 ref 都不识别，是不是哪里配置错了？ 我...
- 1
回答
26浏览
为什么在 Vue 里监听键盘事件时 keyCode 不生效？
我最近在用 Vue 做一个快捷键功能，想通过 keyCode 判断按的是哪个键，但发现它一直是 undefined。明明以前这么写是没问题的，是不是现在浏览器不支持了？ 我试过在 @keydown 里...
- 2
回答
20浏览
Storybook 里 Vue 组件的 props 默认值不生效？
我在 Storybook 里写了个带默认值的 Vue 组件，但预览时 props 的默认值没显示出来，明明本地用是正常的，是不是我写法有问题？ 试过在 argTypes 里手动指定 defaultVa...
- 2
回答
46浏览
VuePress如何在主题配置中动态修改侧边栏链接？
在用VuePress搭建文档网站时，我想根据当前路径动态显示侧边栏的高亮状态，但直接在themeConfig.sidebar里写函数报错了。比如访问/guide/step1.html时，想让对应的菜单...
在模板里直接用双引号括起来的字符串会被当作普通字符串处理，而不是变量。你需要去掉引号，然后用 v-bind 动态绑定。这样写：
这样 label 就会从 config 对象里取值了。