Vuejs2 如何将pug变量传递到vue动态属性?
问题是,如果动态Pug变量是“字符串”类型的,我无法通过属性将它们传递给Vue组件。Vue将尝试传递的字符串视为Vue属性的名称 问题 哈巴狗 *MyComponent.Vue*Vuejs2 如何将pug变量传递到vue动态属性?,vuejs2,pug,Vuejs2,Pug,问题是,如果动态Pug变量是“字符串”类型的,我无法通过属性将它们传递给Vue组件。Vue将尝试传递的字符串视为Vue属性的名称 问题 哈巴狗 *MyComponent.Vue* export default { name: 'MyComponent', props: { name: { type: String } } } 我得到一个错误:“属性或方法“John”未在实例上定义,但在渲染期间被引用。”,这意味着,据我所知,Vue将pugVaria
export default {
name: 'MyComponent',
props: {
name: {
type: String
}
}
}
我得到一个错误:“属性或方法“John”未在实例上定义,但在渲染期间被引用。”,这意味着,据我所知,Vue将pugVariable
中的字符串视为Vue属性的名称
问题
所以,问题是:现在要说服Vue将此变量视为字符串吗
我已经尝试过的:
我尝试传递对象文字而不是字符串,如下所示:
my-component(v-bind:name= {value: pugVariable})
my-component(name= {value: pugVariable})
它可以工作,但我们无法检查传递值的类型,因此我不喜欢此解决方案。我之前得到了一个答案:) 正如这里所描述的,如果我们只想传递静态字符串,我们必须简单地去掉
v-bind:
前缀,如下所示:
my-component(v-bind:name= {value: pugVariable})
my-component(name= {value: pugVariable})