vue3使用v-bind:href 网站切换

Question

 上       template
 2             <button>切换网页</button><br>
 3             <a v-bind:href="myHref target='_blank"'{{ siteName</a>
        </template>
 5       <script setup)
 6             import fref]from                         vue
 7             constmyHref=ref('http://baidu.com'）
 名            const siteName=ref（'百度）
 9             let siteArr=ref(
                   {sitename:  10                                    百度"，siteur1:http://baidu.com'
 11                    {sitename:淘宝’，siteur1:                                      http://taobao.com
                   {sitename:  12                                   新浪’，siteur1:’                      http://sina.com'
 13                    {sitename:网易’，siteur1:                                      http://163.com
 14
 5              const changeSite=（=>f
 16                    let index=Math.floor(Math.random（)*（siteArr.value.length-0）+0）
 7                    myHref.value=siteArr.value[index]['siteur1]
 18                    siteName.value=siteArr.value[index]'sitename’]
 19
 20        </script>

         G                 localhost:5173
 切换网页
 百度

点击切换按钮无法实现切换效果

Answer 1

在button标签上边绑定 changeSite 事件