Vue.js 读取数据时出错:{}at nuxt js它可解吗?
这是我想输入密码的模板,当复选框被选中时,我想在输入框内键入文本,而不是密码Vue.js 读取数据时出错:{}at nuxt js它可解吗?,vue.js,vuex,nuxt.js,eslint,Vue.js,Vuex,Nuxt.js,Eslint,这是我想输入密码的模板,当复选框被选中时,我想在输入框内键入文本,而不是密码 登录 提交 您已经合并了两组大括号 这: 数据(){ 输入类型:“密码” }, 应该是这样的: 数据(){ 返回{ 输入类型:“密码” } }, 请尝试以下代码: :type=“totext?”密码“:“text” 登录 提交 这个脚本: <script> export default { data () { return { totext : false }
登录
提交
您已经合并了两组大括号
这:
数据(){
输入类型:“密码”
},
应该是这样的:
数据(){
返回{
输入类型:“密码”
}
},
请尝试以下代码:
:type=“totext?”密码“:“text”
登录
提交
这个脚本:
<script>
export default {
data () {
return {
totext : false
}
}
}
</script>
导出默认值{
数据(){
返回{
totext:错误
}
}
}
或这个(更好的)
登录
提交
及
导出默认值{
数据(){
返回{
totext:错误
}
},
计算:{
isText(){
return-totext?'password':'text'
}
}
}
请尝试以下代码:
data: () => ({
inputtype: 'password'
)}
当我这样做时,这个错误会出现错误解析错误:意外的关键字“return”@AbdallahHamouda我看不出我发布的代码会导致这个错误的任何明显原因。您在哪里看到错误?
<template>
<div>
<div id="login">
<h1 style="font-size:30px; color:black;">Login</h1>
<input type="text" placeholder="Username...">
<input :type="isText" placeholder="Password...">
<input type="checkbox" name="" id="" :checked="totext">
<button class="button is-link">Submit</button>
<a href="">Register</a>
<a href="" class="repeat">Forgot the password..?!</a>
</div>
</div>
</template>
<script>
export default {
data () {
return {
totext : false
}
},
computed: {
isText(){
return totext ? 'password': 'text'
}
}
}
</script>
data: () => ({
inputtype: 'password'
)}