我有一个Vue.js组件,可以在Firefox,Chrome上正常工作,但Safari和Safari移动浏览器会失败。Vue.js Safari移动版和兼容性
控制台回报:
Object.values不是一个函数
是否有一个解决这个问题?
完整的代码如下:
{{meal}}
{{ option }}
Credits used: {{creditsSum}}/{{credits}}
Dietary
PRICE: £{{cost}}
Subscribe
4 Weeks
SUBSCRIBE
8 Weeks
SUBSCRIBE
Subscribe
4 Weeks
SUBSCRIBE
8 Weeks
SUBSCRIBE
Subscribe
4 Weeks
SUBSCRIBE
8 Weeks
SUBSCRIBE
import axios from 'axios';
export default {
mounted() {
console.log('Component ready.');
console.log(JSON.parse(this.f));
console.log(JSON.parse(this.a));
},
props: ['f','c', 'a'],
name: 'credits',
data: function() {
var meals = JSON.parse(this.f)
var all = JSON.parse(this.a)
var creditsPerMeal = {}
for (var i = 0; i < meals.length; i++) {
creditsPerMeal[meals[i]] = 0
}
return {
credits: this.c,
meals,
options: [1,2,3,4,5,6,7,8,9,10],
select_meal: [],
creditsPerMeal,
all,
dietary: "",
}
},
computed: {
creditsSum() {
return Object.values(this.creditsPerMeal).reduce((a, b) => a + b, 0)
},
cost: function() {
return this.cost = this.credits * 6;
},
},
methods: {
onSubmit() {
axios.post('/check', {
selected_meals: this.select_meal,
dietary: this.dietary,
price: this.cost
})
.then(function(response) {
window.location = "/checkout";
})
.catch(function(error) {
console.log(error);
});
},
createSelection: function(){
this.select_meal = [];
for (var i = 0; i < JSON.parse(this.f).length; i++) {
this.select_meal.push({
food: JSON.parse(this.f)[i],
quantity: this.creditsPerMeal[JSON.parse(this.f)[i]]
});
}
},
fourWeek: function() {
axios.post('/sub', {
selected_meals: this.select_meal,
package: 4,
credits: this.credits
})
.then(function(response) {
window.location = "/subscribe";
})
.catch(function(error) {
console.log(error);
});
},
eightWeek: function() {
axios.post('/sub', {
selected_meals: this.select_meal,
package: 8
})
.then(function(response) {
window.location = "/subscribe";
})
.catch(function(error) {
console.log(error);
});
},
}
}