如何传递一个跨度值 VUE

Posted

技术标签:

【中文标题】如何传递一个跨度值 VUE【英文标题】:How to pass a span value VUE 【发布时间】:2018-12-02 01:27:20 【问题描述】:

我有表格

<input type="text" v-model="email">
<span>Value</span>

如何将跨度值传递给?

data () 
    return 
    email: '/*Here is value span*/'


【问题讨论】:

其实你想做什么?能详细解释一下吗? 建议先阅读vuejs.org/v2/guide How to pass the value of span in html to other page的可能重复 好像&lt;span&gt;email&lt;/span&gt; 【参考方案1】:

在输入中添加一个 ID,例如“emailID”

然后使用 -

var email = document.getElementById('emailID').value;

然后使用 -

data () 
    return 
    'email:' + email
    

或者使用 ES6

data () 
    return 
    (`email: $email`)
    

【讨论】:

如果我只需要使用 v-model

以上是关于如何传递一个跨度值 VUE的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue 中传递一个选择的选定值或索引?

更新:如何将默认值传递给我的模态输入元素

如何在vue中将不同值的数组作为道具传递

如何使用 javascript 获取隐藏的跨度值

如何从跨度标签中提取值

Vue JS如何根据传递的嵌套v-for值设置选项?