vue.js - 如何将 v-rating 设置为固定在 vuetify 上?
问题描述
我正在使用 vue.js 和 vuetify 构建一个页面,我需要将我的 v-rating 固定在我想要的值上,我不希望用户可以更改该值。这是我到目前为止所拥有的。
<v-layout align-center justify-center row wrap>
<v-flex xs12 md4 v-for="(idioma, i) in idiomas":key="i">
<h3>{{idioma.comp}}:</h3>
<v-img id="imgCompetencias":src="idioma.imagem"height="100"width="100"></v-img>
<v-rating v-model="idioma.rating" half-increments></v-rating><br><hr id="divisor"><br>
</v-flex>
</v-layout>
<script>
export default {
data() {
return {
idiomas: [
{
imagem: require("@/assets/images/imgCompetencias/ingles.png"),
comp: 'Inglês',
rating: 4,
},
{
imagem: require("@/assets/images/imgCompetencias/espanhol.png"),
comp: 'Espanhol',
rating: 2.5,
},
],
}
}
};
</script>
解决方案
Just add readonly
as attribute.
Read more in the docu:
https://vuetifyjs.com/en/components/ratings
推荐阅读
- excel - 如何在迭代行时不出现运行时错误“13”:类型不匹配?
- java - cURL -o 命令在我停止执行 cURL 命令的 java 程序之前不会输出到文件
- python - 将 Python 中的变量传递给 SQL 查询
- javascript - 如何将 JavaScript 集成到 HTML 页面中
- php - 使用 php 使用 mysql 数据库中的下拉列表显示图像
- wordpress - 在 Woocommerce 中购买后如何更新类似的变体库存
- html - 悬停每个匹配的元素时如何突出显示所有匹配的元素?
- postgresql - Postgres 9.3计数与相对于行时间戳的列匹配的行
- python - 如何每 x 时间更新一个 Python 类对象?
- graphviz - 使用 home-brew 安装后如何在 macosx 上启动 graphviz?