首先描述问题情景,我使用了element-ui的一个时间选择器的组件
它的数据绑定是通过v-model
原本我如果在vue中的方法里想获取到这个value2的值,直接this.value2就可以了,例如下图第37行就可以获取到时间选择器的值。
但是问题就在于,这个项目大部分代码是用js写的,唯二的两个vue组件还是我改造加上的,所以我需要在js里使用现在vue这个时间选择器value2的值,且行且珍惜吧,嗐~
于是如上图47行,我将value2赋给了我自己定义的变量,并在js文件中进行了引入,并尝试打印,看看是否有效
import {timeSelect} from "./projectList";
果然不出所料,打印不出来,
然后嘞,看看后台数据吧,如下图:
可以观察到左侧窗口在this.__vue__的下面value2是有值的,食用方式如下:
document.querySelector("#menu").addEventListener("click", function (e) {
let timeSelect = this.__vue__.value2;
});
于是我成功拿到,也算剑走偏锋
console.log(timeSelect);
console.log(this.__vue__.value2);