Vue 表带从 select 获取价值
Vue strap get value from select
我有问题。无法使用 vue strap select.
从 select 获取值
我的html代码:
<bs-select
v-model="select.value"
:options="select.options"
options-value="val"
justified
close-on-select
placeholder="Chose action"
@change="contract_corresponds_activity"
></bs-select>
我试过 :value.sync 除了 v-model 外。
我的js代码:
import {input, checkbox, select, option} from 'vue-strap'
export default {
components: {
'bs-select': select,
},
data () {
return {
select: {
options: [
{val: 0, label: 'unknown'},
{val: 1, label: 'plus 1'},
{val: 2, label: 'plus 2'},
{val: 4, label: 'plus 4'},
{val: 6, label: 'plus 6'}
],
value: ''
}
},
methods: {
some_function () {
alert(this.select.value)
axios.post(this.api_url + this.$route.params.id + '/domgmt', { value: this.select.value
}).then(response => {
this.update_form_data(response.data)
}).catch(error => {
this.errors = error.response.data.errors
})
}
}
此代码为我提供了 select 选项,但我无法将其保存为变量值。我的 post 请求是空字符串,就像我的警报没有给我任何信息一样。我的目标是发送值:1、2、4、6 或 0。
问题是我应该将参数添加到更改事件中,这样代码将如下所示:
some_function (value) {
alert(value)
axios.post(this.api_url + this.$route.params.id + '/domgmt', { value: value
}).then(response => {
this.update_form_data(response.data)
}).catch(error => {
this.errors = error.response.data.errors
})
}
那样的话它会显示我刚才点击的内容
我有问题。无法使用 vue strap select.
从 select 获取值我的html代码:
<bs-select
v-model="select.value"
:options="select.options"
options-value="val"
justified
close-on-select
placeholder="Chose action"
@change="contract_corresponds_activity"
></bs-select>
我试过 :value.sync 除了 v-model 外。
我的js代码:
import {input, checkbox, select, option} from 'vue-strap'
export default {
components: {
'bs-select': select,
},
data () {
return {
select: {
options: [
{val: 0, label: 'unknown'},
{val: 1, label: 'plus 1'},
{val: 2, label: 'plus 2'},
{val: 4, label: 'plus 4'},
{val: 6, label: 'plus 6'}
],
value: ''
}
},
methods: {
some_function () {
alert(this.select.value)
axios.post(this.api_url + this.$route.params.id + '/domgmt', { value: this.select.value
}).then(response => {
this.update_form_data(response.data)
}).catch(error => {
this.errors = error.response.data.errors
})
}
}
此代码为我提供了 select 选项,但我无法将其保存为变量值。我的 post 请求是空字符串,就像我的警报没有给我任何信息一样。我的目标是发送值:1、2、4、6 或 0。
问题是我应该将参数添加到更改事件中,这样代码将如下所示:
some_function (value) {
alert(value)
axios.post(this.api_url + this.$route.params.id + '/domgmt', { value: value
}).then(response => {
this.update_form_data(response.data)
}).catch(error => {
this.errors = error.response.data.errors
})
}
那样的话它会显示我刚才点击的内容