老师我自己axios写了一个点击获取笑话的按钮,我如何才能把这个笑话分享给别人呢?不是通过代码的分享,是别人点击就可以看到笑话

老师我自己axios写了一个点击获取笑话的按钮,我如何才能把这个笑话分享给别人呢?不是通过代码的分享,是别人点击就可以看到笑话

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>axios+vue</title>

</head>

<body>

    <div id="app">

        <input type="button" value="获取笑话" @click="getJoke">

        <p>{{joke}}</p>

    </div>

    <!-- 引入vue开发环境版本 -->

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <!-- 引入axios官网提供的在线地址 -->

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>


    <script>

        // 接口:随机获取一条笑话

        // 请求地址:https://autumnfish.cn/api/joke

        // 请求方法:get

        // 请求参数:无

        // 相应内容:随机笑话

        var app=new Vue({

            el:"#app",

            data:{

                joke:"很好笑的笑话"

            },

            methods:{

                getJoke:function(){

                    axios.get('https://autumnfish.cn/api/joke')

                    .then((e)=>{

                        console.log(e.data)

                        this.joke=e.data

                    })

                }

            }

        })

    </script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕言 2021-01-23 18:39:16

同学你好,这就牵扯到项目上线了,需要购买服务器、域名等。可以参考下这个课程:https://www.imooc.com/learn/1004

祝学习愉快~

  • 提问者 Vigorous阿炎 #1

    噢噢,谢谢。原来公司一款app上线是要花钱买域名的。

    2021-01-23 18:43:03
好帮手慕言 2021-01-22 16:50:13

同学你好,因提问的问题不是课程中的,一般不予以解决,但是看在同学好学的份上,破例解决一次哦。

是想在点击按钮时,才显示笑话吗?如果是的话,可以参考下方思路:

定义一个变量,用来控制p标签的显示或者隐藏,初始值为fasle(元素不显示),当把数据请求过来之后,把值改为true(元素显示)。如下:

http://img1.sycdn.imooc.com//climg/600a9182098a978805030066.jpg

http://img1.sycdn.imooc.com//climg/600a91900902f10403860145.jpg

http://img1.sycdn.imooc.com//climg/600a91a209fe7d8b06400246.jpg

祝学习愉快~

  • 提问者 Vigorous阿炎 #1

    老师我自己实现了效果。

    我是想说我如何才能把这个笑话分享给别人。

    比如我如何才能分享给您。 而不是把代码直接给您您才可以看到笑话。

    2021-01-23 11:07:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师