v-model="formData.code"

placeholder="请输入验证码"

clearable

:style="{ width: '100%' }"

>

提交

重置

ref="elForm"

:model="formData"

:rules="rules"

size="medium"

label-width="83px"

label-position="left"

>

v-model="formData.code"

placeholder="请输入验证码"

clearable

:style="{ width: '100%' }"

>

v-model="formData.code"

placeholder="请输入验证码"

clearable

:style="{ width: '100%' }"

>

提交

重置

js部分：

vue方法：

data() {

return {

imgUrl: "/api/Code/getVerify",

formData: {

code: undefined,

},

rules: {

code: [

{

required: true,

message: "请输入验证码",

trigger: "blur",

},

],

},

};

},

methods: {

aVerify() {

var that = this;

var data = Qs.stringify({

verifyInput: this.formData.code,

});

that

.axios({

method: "post",

url: "/api/Code/checkVerify",

data: data,

})

.then((response) => {

console.log(response);

if ( response.data) {

alert("success!");

} else {

alert("failed!");

}

getVerify();

});

},

getVerify(obj) {

console.log(obj);

// obj.src = "/api/Code/getVerify?" + Math.random();

this.imgUrl = "/api/Code/getVerify?" + Math.random();

},

resetForm() {

this.$refs["elForm"].resetFields();

},

},

原生js方法：

function getVerify(obj) {

// obj.src = "/api/Code/getVerify"

obj.src = "/api/Code/getVerify?" + Math.random(); //原生js方式

console.log(obj.src);

// this.imgCode= "/api/Code/getVerify?"+Math.random();

}

// function getVerify() {

// // $("#imgCode").on("click", function() {

// $("#imgVerify").attr("src", 'Code/getVerify?' + Math.random());//jquery方式

// // });

// }

function aVerify() {

var value = $("#verify_input").val();

// alert(value);

$.ajax({

async: false,

type: "post",

url: "/api/Code/checkVerify",