【Vue】双向数据绑定，标签属性值绑定

Trouble=Maker

已于 2022-02-11 00:17:03 修改

阅读量586

点赞数

文章标签： Vue.js 动态绑定图片前端开发 JavaScript

于 2022-02-11 00:14:52 首次发布

本文链接：https://blog.csdn.net/weixin_52226593/article/details/122871879

版权

<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>

<div id="app">
    <!--通过输入框的输入的数据，展示对应的图片-->
    <input type="text" v-model="img" class="id">
    <img v-bind:src="img">
</div>

<script>
    new Vue({
        el: "#app",
        data: {
            img: ""
        }
    })
</script>

</body>
</html>