小编Pau*_*ul 的帖子

从 Vue.js 中的文档元素获取值

我正在为我的 SpringBoot 应用程序创建前端。要发送 Get 请求,我需要从程序中的输入获取值,但没有成功。

\n\n

选择后我尝试使用任何.value, valueOf(),方法之王.toString()document.getElementById("name"),但它们似乎都不起作用。

\n\n

// 元素

\n\n
<form class="pt-3">\n   <div class="form-group">\n      <label for ="name">Person ID</label>\n      <input\n         type="text"\n         id="name"\n         class="form-control is"\n         :class="{\'is-invalid\': $v.name.$error} "\n         @input="$v.name.$touch()"\n         v-model="name"\n         placeholder="123456"\n         value=""\n      >\n      <div class="invalid-feedback" v-if="!$v.name.minLength">ID must be at least 5 characters</div>\n      <button class="btn btn-secondary btn-lg btn-block" @click="FetchData">\xd0\x9d\xd0\xb0\xd0\xb9\xd1\x82\xd0\xb8</button>\n   </div>  \n</form>\n
Run Code Online (Sandbox Code Playgroud)\n\n

// 功能

\n\n
AddPerson: function () {\n    var nperson = document.getElementById("name").valueOf().value.name;\n    console.log(nperson);\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

我需要将用户输入的文本输出到页面上的名称行并将其发布到console.log().

\n\n

/// 添加

\n\n
data() {\n  return …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js bootstrap-4 vuejs2

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

bootstrap-4 ×1

javascript ×1

vue.js ×1

vuejs2 ×1