免责声明:我知道Vue中存在数据竞价.js.

所以我有这个:

<html>
<body>

    <div id="app">
        <input @input="update">
    </div>

    <script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>
    <script type="text/javascript">

        new Vue({

            el: '#app',

            data: {

                info: '',

            },

            methods: {

                update: function (event) {

                    value = event.target.value;

                    this.info = value;
                    console.log(value);

                }

            }

        });

    </script>

</body>
</html>

每次用户输入某个内容时,都会触发一个名为update的方法.这里的 idea 是用用户输入的值更改名为info的数据属性的值.

但是,由于某种原因,数据属性的值不会改变.当前输入值通常在控制台中打印,每次触发update方法时都会调用console.log(value),但info属性没有任何变化.

那么,如何使这项工作?

推荐答案

这里的问题是,我混合了两种不同的背景.

在另一个脚本中,我也在做同样的事情,但输入绑定到另一个js脚本,该脚本正在对其应用掩码.所以,这导致了info的值没有被改变的问题.

然后我try 在这个问题中复制这个脚本中的问题(没有js掩码脚本),然后我认为info属性中没有任何变化,因为chrome extension for Vue.js showed me that the value didn't changed总是保持空的,无论我在输入中输入了多少(所以可能是环境问题).

最后,这只是我的一个小插曲,真正的问题在于在一个输入中绑定两个不同的库.最终其中一个将不起作用,这是另一个问题的内容.

Vue.js相关问答推荐

如何使用composition api v-model Select 框获取其他JSON 值?

Vue 2 如何在全局函数中返回观察者

vue3 输入标签给出错误 Vue.use 不是函数

vue 3 中范围样式和深度样式的问题

在 dom 内移动 Vue 组件?

Vue.js 开发工具未显示

在下拉菜单上使用箭头键滚动

[Vue 警告]:渲染函数中的错误:TypeError:无法读取属性 'first_name' of null

Vuetify 在数据表中插入操作按钮并获取行数据

Vue3在'vue-router'中找不到导出'createWebHistory,createRouter'

为什么不先移动鼠标就无法滚动视差?

Vue.js:从 parent父Vue 获取数据

Laravel 中的 VueJS 组件实现中的鼠标悬停

Vuetify - 根据另一个 Select 选项过滤 Select 数据

使用 refs 聚焦元素目标

Vue Js如何在单个文件模板中使用mixins?

使计算的 Vue 属性依赖于当前时间?

根据nuxt中的url参数动态加载组件

vuejs 中缺少 webpack 配置

在~/components/AddPlaceModal.vue中找不到导出AddPlaceModal