Javascript vuejs如何更改组件的输入值

我有一个表单，它有隐藏的输入。这是我的一个小数据列表。只有标题和id。此列表由vue组件创建。我想单击此列表项，然后更改为隐藏输入值。这是我的结构

HTML

APP.JS

Vue.component('account-select', {

        datalist: {
            type: Array,
            required: true
        }
    },
    methods: {
        item_id_bind(id) {

            this.$emmit("#account_id", id)
        }
    },
    template:

       '<table class="table table-responsive table-striped table-bordered">' +
        '<tbody>' +

         '<tr v-for="item in datalist"><td>' +

          '<button type="button" class="btn-link" v-on:click="item_id_bind(item.id)">{{item.title}}</button>' +

         '</td></tr>' +

        '</tbody>' +
       '</table>'
});

这是我的代码。

添加事件处理程序

<account-select @account-change="onAccountChange" :datalist="{{ json_encode($list) }}"></account-select>

并将您的组件更新为

methods: {
    item_id_bind(id) {
        this.$emit("account_change", id)
    }
},

下面是一个工作示例

控制台。清除 Vue.组件“帐户选择”{ 道具：{ 数据列表：{ 类型：数组， 必填项：true } }, 方法：{ 项目\标识\绑定标识{ 此帐户已更改，id为 } }, 模板：` {{item.title} ` }; 新Vue{ el:应用程序， 数据：{ 数据列表：[{ id:1， 标题：项目1 }, { id:2， 标题：项目2 }], 帐户id：空 }, 方法：{ onAccountChangeid{ this.account\u id=id } } } 往来帐户id:{{Account_id}}

---

是的，这是我的解决方案。对不起，我有点复杂。谢谢你的帮助。

methods:{
    onAccountChange(id){
        this.account_id = id
    }
}

methods: {
    item_id_bind(id) {
        this.$emit("account_change", id)
    }
},