Question

基本上我试图从事件名称中进行永久链接。当我使用v-model从事件名称获取值时，它可以工作，但现在如何将转换后的永久链接返回到另一个输入框。在哈巴狗＆＃34; P {{message}}＆＃34;，textarea（rows =＆＃34; 2＆＃34;）{{message}}这些可行，但当我输入时（value =＆＃34; { {消息}}＆＃34），输入（值= {{消息}}），输入（值=＃{{消息}}），输入（值= @ {{消息}}），输入（值=＃ {message}）哈巴狗不渲染它，它显示缩进错误。我的问题是如何将数据从vue输入到输入值？

这是我的哈巴狗代码

.COL-MD-12（式=＆＃34;填充：0像素;＆＃34）

    .col-md-2.labelcont
                                            label.labeltext Event Name&nbsp;: 
                                        .col-md-10
                                            input(
                                                type="text"
                                                class="form-control"
                                                placeholder="Event Name"
                                                v-model="eventname"
                                            )
                                    .col-md-12(style="padding:0px;")
                                        .col-md-2.labelcont
                                            label.labeltext Permalink&nbsp;: 
                                        .col-md-10
                                            textarea(
                                                type="text"
                                                class="form-control"
                                                placeholder="Event Permalink"
                                            ) {{eventpermalink}}

这是vue.js代码

var basicinfo = new Vue（{

el: '#basic',
data: {
  eventname: '',
  eventpermalink: '',
}

}）

basicinfo。$ watch（＆＃39; eventname＆＃39;，function（newValue，oldValue）{ basicinfo.eventpermalink = basicinfo.eventname.replace（/ [^ a-zA-Z0-9] / g，＆＃39;＆＃39;）。replace（/ + / g，＆＃39; - ＆＃39; ）.toLowerCase（）; }）

Answer 1

您可以使用de v-bind指令。这样，您可以将任何HTML元素的属性绑定到一个值，无论它是否已经计算，或者是对道具或数据的引用。

在你的情况下，它会是这样的：

input(type="text" class="form-control" placeholder="Event Name" 
     v-model="eventname" v-bind:value="YOUR-DATA-OR-WHATEVER")

查看官方文档以供进一步阅读：

https://vuejs.org/v2/guide/syntax.html

如何将数据从vue，js放到pug模板？

1 个答案: