Question

我刚刚开始使用Vue.js和Vue CLI，但遇到了一个问题，我不明白为什么我不能从范围内动态设置图像，但是我可以直接在HTML中编写图像， obj.img也是一个具有@/assets/logo.png值的字符串。我在伪造ajax调用时超时，但是浏览器无法正确解析图像的路由。

<div slot="media">
        <img :src="obj.img"> <!-- http://localhost:8080/@/assets/logo.png -->
        <img src="@/assets/logo.png"> <!-- http://localhost:8080/img/logo.82b9c7a5.png -->
</div>

此外，为什么路线不同？有什么想法吗？

Answer 1

所以真正的解决方法是：

private AdapterView.OnItemSelectedListener citiesListener = new AdapterView.OnItemSelectedListener() {
        @Override
        public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
            String citySelected = spinner_city.getItemAtPosition(position).toString();
            String provinceSelected = spinner_province.getSelectedItem().toString();
            for(Map.Entry<String, ResponseJSON> e : responseJson.entrySet())
            {
                if(e.getKey().equals(provinceSelected)){
                    for(City c : e.getValue().getCity()){
                        if(citySelected.equals(c.getCityName())){
                            tv_city_id.setText(String.format("City id for %s is %s", citySelected, c.getCityId()));
                        }
                    }
                }
            }
        }

        @Override
        public void onNothingSelected(AdapterView<?> parent) {

        }
    };

您可以详细了解in this response from Evan, the creator of Vue

Vuejs图像src动态加载无效

1 个答案: