在vue+element 中使用 autocomplete=on，实现自动补全

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

autocomplete

打开边栏(ESC) 关闭边栏(ESC)

autocomplete 属性规定输入字段是否应该启用自动完成功能。（效果示例：https://www.w3school.com.cn/tiy/t.asp?f=html5_input_autocomplete）

在vue+element中使用autocomplete要注意以下几点：
1、一定要用form的submit提交事件，才能使浏览器记住input里的值
2、<input/>一定要写name属性

3、element-ui默认是将autocomplete禁用的，打开的写法为：auto-complete="on"

from clipboard

具体代码如下：

    <!--stop的iframe阻止submit后跳转-->
    <iframe name="stop" class="none"></iframe>
    <!--stop的iframe阻止submit后跳转 end-->
 
    <el-form :model="ruleForm" ref="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"
             action="http://"
             target="stop">
      <el-row>
        <el-col :span="23">
          <el-form-item label="姓名" :prop="username">
            <el-input v-model="ruleForm.username"
                      auto-complete="on"
                      name="username"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="23" class="tr">
          <el-form-item class="no_m">
            <el-button :loading="loading" type="primary" @click="submitForm">
                提交</el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

     submitForm() {
        // 一定要使用form的submit方法，才能记住input的输入值，auto-complete="on"才生效
        this.$refs['ruleForm'].$el.submit();
        this.$refs['ruleForm'].validate((valid) => {
          if (valid) {
            alert('success')
          } else {
            return false;
          }
        })
      }

赏